Enhance sidebar menu to support multiple languages for better accessibility

Implement i18n for Sidebar.tsx and add translations for "navigation" and "management" in ar.json and en.json.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: c5f0c281-8dd8-4846-b452-4a07bcd21062
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/9777c70b-fc38-4831-8d6b-78dfffe041b0/9a425c2c-163d-44cd-bc94-651bb15ed83f.jpg

client/src/components/layout/Sidebar.tsx

@@ -103,6 +103,10 @@ const adminNavigation = [
 export default function Sidebar({ className }: SidebarProps) {
   const [location] = useLocation();
   const { user } = useAuth();
+  const { t } = useTranslation();
+
+  const navigation = getNavigation(t);
+  const managementNavigation = getManagementNavigation(t);
 
   const isActive = (href: string) => {
     if (href === "/dashboard") {
@@ -122,7 +126,7 @@ export default function Sidebar({ className }: SidebarProps) {
         <div className="px-3 py-2">
           <div className="space-y-1">
             <h2 className="mb-2 px-4 text-lg font-semibold tracking-tight">
-              Navigation
+              {t('common.navigation') || 'Navigation'}
             </h2>
             <div className="space-y-1">
               {navigation.map((item) => (
@@ -149,7 +153,7 @@ export default function Sidebar({ className }: SidebarProps) {
 
         <div className="px-3 py-2">
           <h2 className="mb-2 px-4 text-lg font-semibold tracking-tight">
-            Management
+            {t('common.management') || 'Management'}
           </h2>
           <div className="space-y-1">
             {managementNavigation