Enhance root layout and admin interface for better usability

- Updated the root layout to include a mobile menu toggle, improving navigation on smaller screens.
- Refactored navigation links and language/theme selection for better organization and accessibility.
- Added overflow handling for admin navigation and tables to ensure proper display on smaller screens.
- Improved translations for menu toggle accessibility in both Russian and English.

frontend/src/routes/admin/audit.tsx

@@ -36,6 +36,7 @@ function AdminAuditPage() {
 
       {data && data.items.length > 0 && (
         <>
+          <div className="overflow-x-auto">
           <table className="w-full text-left text-sm">
             <thead>
               <tr className="border-b border-border text-muted-foreground">
@@ -60,6 +61,7 @@ function AdminAuditPage() {
               ))}
             </tbody>
           </table>
+          </div>
 
           <div className="flex items-center justify-between text-sm">
             <span className="text-muted-foreground">{t('admin.users.total', { count: data.total })}</span>

frontend/src/routes/admin/roles.tsx

@@ -45,6 +45,7 @@ function AdminRolesPage() {
       )}
 
       {data && (
+        <div className="overflow-x-auto">
         <table className="w-full text-left text-sm">
           <thead>
             <tr className="border-b border-border text-muted-foreground">
@@ -84,6 +85,7 @@ function AdminRolesPage() {
             ))}
           </tbody>
         </table>
+        </div>
       )}
 
       {editing && <RoleFormDialog role={editing} open={!!editing} onOpenChange={(open) => !open && setEditing(null)} />}

frontend/src/routes/admin/users.tsx

@@ -49,6 +49,7 @@ function AdminUsersPage() {
 
       {data && (
         <>
+          <div className="overflow-x-auto">
           <table className="w-full text-left text-sm">
             <thead>
               <tr className="border-b border-border text-muted-foreground">
@@ -81,6 +82,7 @@ function AdminUsersPage() {
               ))}
             </tbody>
           </table>
+          </div>
 
           {data.items.length === 0 && <p className="text-sm text-muted-foreground">{t('admin.users.empty')}</p>}