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/components/app-logo.tsx

@@ -2,7 +2,13 @@ import Link from 'next/link';
 
 import { cn } from '@kit/ui/utils';
 
-function LogoImage({
+/**
+ * App Logo Image - modify this with your own logo
+ * @param className - The class name to apply to the logo
+ * @param width - The width of the logo
+ * @returns
+ */
+export function LogoImage({
   className,
   width = 105,
 }: {
@@ -12,7 +18,7 @@ function LogoImage({
   return (
     <svg
       width={width}
-      className={cn(`w-[80px] lg:w-[95px]`, className)}
+      className={cn(`w-20 lg:w-[95px]`, className)}
       viewBox="0 0 733 140"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
@@ -40,7 +46,12 @@ export function AppLogo({
   }
 
   return (
-    <Link aria-label={label ?? 'Home Page'} href={href ?? '/'} prefetch={true}>
+    <Link
+      aria-label={label ?? 'Home Page'}
+      href={href ?? '/'}
+      prefetch={true}
+      className="mx-auto md:mx-0"
+    >
       <LogoImage className={className} />
     </Link>
   );