Riyadh
ac96f86e29
Task #9 — the admin page used a horizontal Tabs bar across the top. User wanted an OS-style admin shell with a vertical side menu that sits on the right in Arabic and on the left in English. Changes (artifacts/teaboy-os/src/pages/admin.tsx): - Removed the Tabs/TabsList/TabsTrigger/TabsContent layout - Added local section state ("dashboard" | "apps" | "services" | "users" | "settings"), defaulting to dashboard - Desktop (>=md): vertical sidebar (240px wide) with icon + label for each section, glass-style highlighted active item. Sidebar is the first DOM child of the flex row, so under dir="rtl" it naturally appears on the right; under dir="ltr" on the left. - Mobile (<md): sidebar hidden; hamburger button added in the header opens a Sheet drawer (right side in RTL, left in LTR) with the same nav items. Selecting an item closes the drawer. - Added a placeholder Dashboard panel ("Dashboard widgets coming soon.") so the new default section has content. - Added bilingual locale keys: admin.nav.{dashboard,apps,services, users,settings,menu} and admin.dashboardSoon in en.json/ar.json. - All existing CRUD (apps/services/users) and Site Settings panel preserved untouched inside their new section blocks. Verified: pnpm --filter @workspace/teaboy-os run typecheck passes.