Add SettingsSidebar and SettingsSearch components to AdminSettings

- Introduced SettingsSidebar for improved navigation and organization.
- Added SettingsSearch and its mobile variant for enhanced search functionality.
- Updated AdminSettings to utilize new components, streamlining the layout and improving user experience.

src/components/admin/SettingsSearch.tsx

@@ -4,10 +4,10 @@ import { SearchIcon, CloseIcon } from './icons'
 interface SettingsSearchProps {
   searchQuery: string
   setSearchQuery: (query: string) => void
-  resultsCount: number
+  resultsCount?: number
 }
 
-export function SettingsSearch({ searchQuery, setSearchQuery, resultsCount }: SettingsSearchProps) {
+export function SettingsSearch({ searchQuery, setSearchQuery }: SettingsSearchProps) {
   const { t } = useTranslation()
 
   return (

src/components/admin/index.ts

@@ -7,6 +7,8 @@ export * from './BrandingTab'
 export * from './ThemeTab'
 export * from './FavoritesTab'
 export * from './SettingsTab'
+export * from './SettingsSidebar'
+export * from './SettingsSearch'
 
 // Constants and utils
 export * from './constants'