implement localization

resources/js/pages/settings/appearance.tsx

@@ -1,6 +1,7 @@
 import { Head } from '@inertiajs/react';
 import AppearanceTabs from '@/components/appearance-tabs';
 import Heading from '@/components/heading';
+import { LanguageSwitcher } from '@/components/language-switcher';
 import { useTranslation } from '@/lib/translations';
 import { edit as editAppearance } from '@/routes/appearance';
 
@@ -20,6 +21,7 @@ export default function Appearance() {
                     description="Update your account's appearance settings"
                 />
                 <AppearanceTabs />
+                <LanguageSwitcher variant="settings" />
             </div>
         </>
     );