Unify workspace dropdowns; Update layouts (#458)

Unified Account and Workspace drop-downs; Layout updates, now header lives within the PageBody component; Sidebars now use floating variant

apps/web/app/(marketing)/changelog/page.tsx

@@ -1,117 +0,0 @@
-import { cache } from 'react';
-
-import type { Metadata } from 'next';
-
-import { createCmsClient } from '@kit/cms';
-import { getLogger } from '@kit/shared/logger';
-import { If } from '@kit/ui/if';
-import { Trans } from '@kit/ui/trans';
-
-import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
-import { withI18n } from '~/lib/i18n/with-i18n';
-
-import { SitePageHeader } from '../_components/site-page-header';
-import { ChangelogEntry } from './_components/changelog-entry';
-import { ChangelogPagination } from './_components/changelog-pagination';
-
-interface ChangelogPageProps {
-  searchParams: Promise<{ page?: string }>;
-}
-
-const CHANGELOG_ENTRIES_PER_PAGE = 50;
-
-export const generateMetadata = async (
-  props: ChangelogPageProps,
-): Promise<Metadata> => {
-  const { t, resolvedLanguage } = await createI18nServerInstance();
-  const searchParams = await props.searchParams;
-  const limit = CHANGELOG_ENTRIES_PER_PAGE;
-
-  const page = searchParams.page ? parseInt(searchParams.page) : 0;
-  const offset = page * limit;
-
-  const { total } = await getContentItems(resolvedLanguage, limit, offset);
-
-  return {
-    title: t('marketing:changelog'),
-    description: t('marketing:changelogSubtitle'),
-    pagination: {
-      previous: page > 0 ? `/changelog?page=${page - 1}` : undefined,
-      next: offset + limit < total ? `/changelog?page=${page + 1}` : undefined,
-    },
-  };
-};
-
-const getContentItems = cache(
-  async (language: string | undefined, limit: number, offset: number) => {
-    const client = await createCmsClient();
-    const logger = await getLogger();
-
-    try {
-      return await client.getContentItems({
-        collection: 'changelog',
-        limit,
-        offset,
-        content: false,
-        language,
-        sortBy: 'publishedAt',
-        sortDirection: 'desc',
-      });
-    } catch (error) {
-      logger.error({ error }, 'Failed to load changelog entries');
-
-      return { total: 0, items: [] };
-    }
-  },
-);
-
-async function ChangelogPage(props: ChangelogPageProps) {
-  const { t, resolvedLanguage: language } = await createI18nServerInstance();
-  const searchParams = await props.searchParams;
-
-  const limit = CHANGELOG_ENTRIES_PER_PAGE;
-  const page = searchParams.page ? parseInt(searchParams.page) : 0;
-  const offset = page * limit;
-
-  const { total, items: entries } = await getContentItems(
-    language,
-    limit,
-    offset,
-  );
-
-  return (
-    <>
-      <SitePageHeader
-        title={t('marketing:changelog')}
-        subtitle={t('marketing:changelogSubtitle')}
-      />
-
-      <div className="container flex max-w-4xl flex-col space-y-12 py-12">
-        <If
-          condition={entries.length > 0}
-          fallback={<Trans i18nKey="marketing:noChangelogEntries" />}
-        >
-          <div className="space-y-0">
-            {entries.map((entry, index) => {
-              return (
-                <ChangelogEntry
-                  key={entry.id}
-                  entry={entry}
-                  highlight={index === 0}
-                />
-              );
-            })}
-          </div>
-
-          <ChangelogPagination
-            currentPage={page}
-            canGoToNextPage={offset + limit < total}
-            canGoToPreviousPage={page > 0}
-          />
-        </If>
-      </div>
-    </>
-  );
-}
-
-export default withI18n(ChangelogPage);