B2B-30: add button to create company from super admin page

components/app-logo.tsx

@@ -4,29 +4,33 @@ import { MedReportLogo } from './med-report-title';
 
 function LogoImage({
   className,
+  compact = false,
 }: {
   className?: string;
   width?: number;
+  compact?: boolean;
 }) {
-  return <MedReportLogo className={className} />;
+  return <MedReportLogo compact={compact} className={className} />;
 }
 
 export function AppLogo({
   href,
   label,
   className,
+  compact = false,
 }: {
   href?: string | null;
   className?: string;
   label?: string;
+  compact?: boolean;
 }) {
   if (href === null) {
-    return <LogoImage className={className} />;
+    return <LogoImage className={className} compact={compact} />;
   }
 
   return (
     <Link aria-label={label ?? 'Home Page'} href={href ?? '/'} prefetch={true}>
-      <LogoImage className={className} />
+      <LogoImage className={className} compact={compact} />
     </Link>
   );
 }

components/med-report-title.tsx

@@ -1,11 +1,11 @@
 import { cn } from "@/lib/utils";
 import { MedReportSmallLogo } from "@/public/assets/med-report-small-logo";
 
-export const MedReportLogo = ({ className }: { className?: string }) => (
+export const MedReportLogo = ({ className, compact = false }: { className?: string, compact?: boolean }) => (
   <div className={cn('flex gap-2 justify-center', className)}>
     <MedReportSmallLogo />
-    <span className="text-foreground text-lg font-semibold tracking-tighter">
+    {!compact && <span className="text-foreground text-lg font-semibold tracking-tighter">
       MedReport
-    </span>
+    </span>}
   </div>
 );