chore(dashboard): sidebar, explorer padding fixes

Author: awisniew207

packages/apps/app-dashboard/src/components/developer-dashboard/sidebar/Sidebar.tsx

@@ -11,6 +11,7 @@ import {
   SidebarFooter,
   SidebarGroup,
   SidebarGroupContent,
+  SidebarHeader,
   SidebarMenu,
   SidebarMenuButton,
   SidebarMenuItem,
@@ -70,9 +71,17 @@ export function Sidebar() {
       collapsible="offcanvas"
       className="border-r-0 bg-white dark:bg-gray-950"
     >
-      {/* SidebarHeader hidden - logo is now in ExplorerNav */}
+      <SidebarHeader className="px-4 py-4 -mt-[61px] md:mt-0 mb-0 shrink-0 border-b border-gray-200 dark:border-gray-800">
+        <Link to="/developer/dashboard" className="flex items-center">
+          <img
+            src={isDark ? '/vincent-main-logo-white.png' : '/vincent-main-logo.png'}
+            alt="Vincent"
+            className="h-8 w-auto"
+          />
+        </Link>
+      </SidebarHeader>
 
-      <SidebarContent className="px-4 py-6">
+      <SidebarContent className="px-4 pt-4 pb-6">
         <SidebarGroup className="space-y-4">
           <SidebarGroupContent>
             <SidebarMenu className="space-y-2">

packages/apps/app-dashboard/src/components/explorer/views/AppInfoView.tsx

@@ -54,7 +54,7 @@ export function AppInfoView({ app, versions, versionAbilities }: AppInfoViewProp
         className={`transition-opacity duration-500 ${showContent && !isTransitioning ? 'opacity-100' : 'opacity-0'}`}
       >
         {/* Back Button and Hero Section */}
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 md:px-8 pt-20 sm:pt-24 pb-4 sm:pb-6">
+        <div className="pt-20 sm:pt-24 pb-4 sm:pb-6">
           {/* Back Button */}
           <button
             onClick={() => handleNavigateWithTransition('/explorer/apps')}
@@ -69,7 +69,7 @@ export function AppInfoView({ app, versions, versionAbilities }: AppInfoViewProp
         </div>
 
         {/* Main Content - Two Column Layout */}
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 md:px-8 pb-8 sm:pb-12">
+        <div className="pb-8 sm:pb-12">
           <div className="grid grid-cols-1 lg:grid-cols-3 gap-4 sm:gap-6 lg:gap-8">
             {/* Left Sidebar - App Info */}
             <div className="lg:col-span-1">

packages/apps/app-dashboard/src/components/user-dashboard/sidebar/AppSidebar.tsx

@@ -11,6 +11,7 @@ import {
   SidebarFooter,
   SidebarGroup,
   SidebarGroupContent,
+  SidebarHeader,
   SidebarMenu,
   SidebarMenuButton,
   SidebarMenuItem,
@@ -52,9 +53,17 @@ export function AppSidebar() {
       collapsible="offcanvas"
       className="border-r-0 bg-white dark:bg-gray-950"
     >
-      {/* SidebarHeader removed - logo is now in ExplorerNav */}
+      <SidebarHeader className="px-4 py-4 -mt-[61px] md:mt-0 mb-0 shrink-0 border-b border-gray-200 dark:border-gray-800">
+        <Link to="/user/apps" className="flex items-center">
+          <img
+            src={isDark ? '/vincent-main-logo-white.png' : '/vincent-main-logo.png'}
+            alt="Vincent"
+            className="h-8 w-auto"
+          />
+        </Link>
+      </SidebarHeader>
 
-      <SidebarContent className="px-4 py-6">
+      <SidebarContent className="px-4 pt-4 pb-6">
         <SidebarGroup className="space-y-4">
           <SidebarGroupContent>
             <SidebarMenu className="space-y-2">