feat: integrate official @ai-sdk/groq provider and fix image sizing constraints in layout components

components/auth/auth-page-shell.tsx

@@ -69,6 +69,7 @@ export function AuthPageShell({
               width={240}
               height={64}
               className="h-16 w-auto object-contain"
+              style={{ width: "auto" }}
               priority
             />
           </div>
@@ -155,6 +156,7 @@ export function AuthPageShell({
                 width={180}
                 height={56}
                 className="h-14 w-auto object-contain"
+                style={{ width: "auto" }}
                 priority
               />
             </div>

components/layout/dashboard-shell.tsx

@@ -79,6 +79,7 @@ export function DashboardShell({ children, user }: DashboardShellProps) {
                 width={120}
                 height={32}
                 className="h-8 w-auto object-contain"
+                style={{ width: "auto" }}
                 priority
               />
             </Link>
@@ -121,6 +122,7 @@ function AppSidebar({
             width={160}
             height={48}
             className="h-12 w-auto object-contain"
+            style={{ width: "auto" }}
             priority
           />
         </Link>

components/layout/portal-shell.tsx

@@ -81,6 +81,7 @@ export function PortalShell({ children, user, progress }: PortalShellProps) {
                 width={120}
                 height={32}
                 className="h-8 w-auto object-contain"
+                style={{ width: "auto" }}
                 priority
               />
             </Link>
@@ -127,6 +128,7 @@ function AppSidebar({
             width={160}
             height={48}
             className="h-12 w-auto object-contain"
+            style={{ width: "auto" }}
             priority
           />
         </Link>