Refactor code for readability and order

Made several changes across different files primarily focusing on readability. Arranged CSS classes in a standardized order for easier reading and maintenance. Arranged and formatted import lines, function declarations, and component return statements for legibility. Removed unnecessary React imports in some files.

apps/web/app/(marketing)/docs/_components/docs-navigation.tsx

@@ -112,7 +112,7 @@ export function DocsNavigation({ pages }: { pages: Cms.ContentItem[] }) {
         style={{
           height: `calc(100vh - 64px)`,
         }}
-        className="sticky top-2 hidden w-80 shrink-0 border-r p-4 lg:flex overflow-y-auto"
+        className="sticky top-2 hidden w-80 shrink-0 overflow-y-auto border-r p-4 lg:flex"
       >
         <Tree pages={pages} level={0} activePath={activePath} />
       </aside>

apps/web/app/(marketing)/docs/_lib/server/docs.loader.ts

@@ -15,7 +15,7 @@ async function docsLoader(language: string | undefined) {
   const { items: pages } = await cms.getContentItems({
     collection: 'documentation',
     language,
-    limit: 500
+    limit: 500,
   });
 
   return pages;

apps/web/app/home/[account]/_components/team-account-layout-sidebar.tsx

@@ -1,4 +1,5 @@
 import { User } from '@supabase/supabase-js';
+
 import { Sidebar, SidebarContent } from '@kit/ui/sidebar';
 
 import { ProfileAccountDropdownContainer } from '~/components//personal-account-dropdown-container';