Fix admin sidebar height, language dropdown overflow, pagination wrap, nav dropdown min-width

src/app/admin/layout.tsx

@@ -179,7 +179,7 @@ async function Sidebar({ staff }: { staff: { id: number; username: string; rank:
   const navGroups = getNavGroups(t);
 
   return (
-    <aside className="sticky top-0 self-start h-screen bg-[var(--admin-sidebar-background)] text-[var(--admin-sidebar-text-readable)] shadow-xl flex flex-col">
+    <aside className="sticky top-0 self-start h-auto lg:h-screen overflow-y-auto bg-[var(--admin-sidebar-background)] text-[var(--admin-sidebar-text-readable)] shadow-xl flex flex-col">
       <div className="flex items-center gap-3 px-4 py-5 border-b border-[var(--admin-border)]">
         <span
           className="flex-none w-10 h-10 rounded-xl grid place-items-center font-extrabold text-base text-[var(--color-primary-foreground-readable)] bg-[var(--admin-accent)] shadow-lg shadow-[var(--admin-accent)]/20"

src/components/admin/data-table.tsx

@@ -439,7 +439,7 @@ export function DataTable<T extends { id: number | string }>({
           <p className="text-sm text-muted-foreground">
             Page {data.page} of {data.lastPage}
           </p>
-          <div className="flex items-center gap-1">
+          <div className="flex items-center gap-1 flex-wrap justify-end">
             <Button
               variant="outline"
               size="icon"
@@ -448,7 +448,7 @@ export function DataTable<T extends { id: number | string }>({
             >
               <ChevronLeft className="h-4 w-4" />
             </Button>
-            {Array.from({ length: Math.min(data.lastPage, 7) }, (_, i) => {
+            {Array.from({ length: Math.min(data.lastPage, 5) }, (_, i) => {
               let pageNum: number;
               if (data.lastPage <= 7) {
                 pageNum = i + 1;

src/components/language-switcher.tsx

@@ -93,7 +93,7 @@ export function LanguageSwitcher() {
       </button>
 
       {open && (
-        <div className="dropdown-menu absolute right-0 top-full mt-0.5 min-w-[200px] rounded-xl z-50 py-2">
+        <div className="dropdown-menu absolute left-0 md:right-0 md:left-auto top-full mt-0.5 min-w-[200px] rounded-xl z-50 py-2">
           <div className="px-3 pb-1">
             <div className="flex items-center gap-1.5 rounded-md border bg-background px-2 py-1.5 text-sm">
               <Search className="h-3.5 w-3.5 text-muted-foreground" />

src/components/nav-dropdown.tsx

@@ -55,7 +55,7 @@ export function NavDropdown({ label, icon, children }: NavDropdownProps) {
       </button>
       {open && (
         <div
-          className="dropdown-menu md:absolute left-0 top-full mt-0.5 min-w-[200px] rounded-xl z-50 py-2"
+          className="dropdown-menu md:absolute left-0 top-full mt-0.5 min-w-0 md:min-w-[200px] rounded-xl z-50 py-2"
           role="menu"
           onClick={() => setOpen(false)}
         >