remove old code, add german lang

client/ui/frontend/src/modules/settings/Settings.tsx

@@ -7,7 +7,6 @@ import { VerticalTabs } from "@/components/VerticalTabs.tsx";
 import { SettingsNavigationTriggers } from "@/modules/settings/SettingsNavigationTriggers.tsx";
 import { SettingsProvider } from "@/modules/settings/SettingsContext.tsx";
 import { SettingsGeneral } from "@/modules/settings/SettingsGeneral.tsx";
-import { SettingsAppearance } from "@/modules/settings/SettingsAppearance.tsx";
 import { SettingsNetwork } from "@/modules/settings/SettingsNetwork.tsx";
 import { SettingsSecurity } from "@/modules/settings/SettingsSecurity.tsx";
 import { SettingsSSH } from "@/modules/settings/SettingsSSH.tsx";
@@ -58,9 +57,6 @@ export const Settings = () => {
                                 <VerticalTabs.Content value={"general"}>
                                     <SettingsGeneral />
                                 </VerticalTabs.Content>
-                                <VerticalTabs.Content value={"appearance"}>
-                                    <SettingsAppearance />
-                                </VerticalTabs.Content>
                                 <VerticalTabs.Content value={"network"}>
                                     <SettingsNetwork />
                                 </VerticalTabs.Content>

client/ui/frontend/src/modules/settings/SettingsAppearance.tsx

@@ -1,49 +0,0 @@
-import FancyToggleSwitch from "@/components/FancyToggleSwitch";
-import { SectionGroup } from "@/modules/settings/SettingsSection.tsx";
-import { useAppearance } from "@/modules/appearance/AppearanceContext.tsx";
-
-export function SettingsAppearance() {
-    const {
-        showPeersNav,
-        showResourcesNav,
-        showExitNodeNav,
-        showProfileSelector,
-        showSettingsButton,
-        setField,
-    } = useAppearance();
-
-    return (
-        <SectionGroup title={"Interface"}>
-            <FancyToggleSwitch
-                value={showPeersNav}
-                onChange={(v) => setField("showPeersNav", v)}
-                label={"Peers"}
-                helpText={"Show the Peers item in the side navigation."}
-            />
-            <FancyToggleSwitch
-                value={showResourcesNav}
-                onChange={(v) => setField("showResourcesNav", v)}
-                label={"Resources"}
-                helpText={"Show the Resources item in the side navigation."}
-            />
-            <FancyToggleSwitch
-                value={showExitNodeNav}
-                onChange={(v) => setField("showExitNodeNav", v)}
-                label={"Exit Node"}
-                helpText={"Show the active exit node in the side navigation."}
-            />
-            <FancyToggleSwitch
-                value={showProfileSelector}
-                onChange={(v) => setField("showProfileSelector", v)}
-                label={"Profile Selector"}
-                helpText={"Show the profile selector in the header."}
-            />
-            <FancyToggleSwitch
-                value={showSettingsButton}
-                onChange={(v) => setField("showSettingsButton", v)}
-                label={"Settings Button"}
-                helpText={"Show the settings button in the header."}
-            />
-        </SectionGroup>
-    );
-}

client/ui/frontend/src/modules/settings/SettingsNavigationTriggers.tsx

@@ -10,7 +10,6 @@ import {
     ShieldIcon,
     SlidersHorizontalIcon,
     SquareTerminalIcon,
-    SwatchBookIcon,
 } from "lucide-react";
 
 export const SettingsNavigationTriggers = () => {
@@ -30,11 +29,6 @@ export const SettingsNavigationTriggers = () => {
                 icon={SlidersHorizontalIcon}
                 title={"General"}
             />
-            <VerticalTabs.Trigger
-                value={"appearance"}
-                icon={SwatchBookIcon}
-                title={"Appearance"}
-            />
             <VerticalTabs.Trigger
                 value={"network"}
                 icon={NetworkIcon}