enhancement: Move Report Issue to sidebar (bottom) & bug: invalid date preview on container listing screen

view/app/containers/components/table.tsx

@@ -83,10 +83,10 @@ const ContainersTable = ({
 
                             const hasPorts = container.ports && container.ports.length > 0;
                             const formattedDate = container.created
-                                ? new Intl.DateTimeFormat(undefined, { day: 'numeric', month: 'long' }).format(
-                                    new Date(parseInt(container.created) * 1000)
-                                )
-                                : '-';
+                            ? new Intl.DateTimeFormat('en-US', { month: 'short', day: '2-digit', year: 'numeric' }).format(
+                             new Date(parseInt(container.created) * 1000)
+                  )
+                         : '-';
 
                             return (
                                 <TableRow key={container.id} onClick={() => router.push(`/containers/${container.id}`)}

view/app/globals.css

@@ -523,3 +523,5 @@
     scrollbar-width: none;
   }
 }
+
+

view/components/layout/app-sidebar.tsx

@@ -151,7 +151,7 @@ export function AppSidebar({
   }
 
   return (
-    <Sidebar collapsible="icon" {...props}>
+    <Sidebar className="sidebar" collapsible="icon" {...props}>
       <SidebarHeader>
         <TeamSwitcher refetch={refetch} />
       </SidebarHeader>

view/components/layout/nav-user.tsx

@@ -220,10 +220,6 @@ Add any other context about the problem here.`;
               <HelpCircle />
               {t('user.menu.help')}
             </DropdownMenuItem>
-            <DropdownMenuItem onClick={handleReportIssue}>
-              <AlertCircle />
-              {t('user.menu.reportIssue')}
-            </DropdownMenuItem>
             <DropdownMenuSeparator />
             <DropdownMenuItem onClick={handleLogout}>
               <LogOut />
@@ -232,6 +228,20 @@ Add any other context about the problem here.`;
           </DropdownMenuContent>
         </DropdownMenu>
       </SidebarMenuItem>
+
+       {/* Bottom-aligned actions */}
+       <SidebarMenuItem className="mt-auto" onClick={handleSponsor}>
+        <Heart className="text-red-500" />
+        {t('user.menu.sponsor')}
+      </SidebarMenuItem>
+      <SidebarMenuItem onClick={handleHelp}>
+        <HelpCircle />
+        {t('user.menu.help')}
+      </SidebarMenuItem>
+      <SidebarMenuItem onClick={handleReportIssue}>
+        <AlertCircle />
+        {t('user.menu.reportIssue')}
+      </SidebarMenuItem>
     </SidebarMenu>
   );
 }

view/components/ui/sidebar.tsx

@@ -431,12 +431,13 @@ function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'
   );
 }
 
+// Ensure the sidebar supports bottom anchoring
 function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {
   return (
     <ul
       data-slot="sidebar-menu"
       data-sidebar="menu"
-      className={cn('flex w-full min-w-0 flex-col gap-1', className)}
+      className={cn('flex w-full min-w-0 flex-col gap-1', className)} // Already supports flex-column
       {...props}
     />
   );