update settings strings

Author: iamEvanYT

src/renderer/src/components/settings/sections/about/section.tsx

@@ -9,7 +9,7 @@ export function AboutSettings() {
   return (
     <div className="space-y-6">
       <div>
-        <h2 className="text-2xl font-semibold text-gray-700 dark:text-gray-200">{tSettings("About")}</h2>
+        <h2 className="text-2xl font-semibold text-gray-700 dark:text-gray-200">{tSettings("sections.about")}</h2>
         <p className="text-muted-foreground">{tSettings("Information about your browser")}</p>
       </div>
 

src/renderer/src/components/settings/sections/general/section.tsx

@@ -7,7 +7,7 @@ export function GeneralSettings() {
   return (
     <div className="space-y-6">
       <div>
-        <h2 className="text-2xl font-semibold text-gray-700 dark:text-gray-200">{tSettings("General")}</h2>
+        <h2 className="text-2xl font-semibold text-gray-700 dark:text-gray-200">{tSettings("sections.general")}</h2>
         <p className="text-muted-foreground">{tSettings("Manage your browser's general settings")}</p>
       </div>
 

src/renderer/src/components/settings/settings-layout.tsx

@@ -22,13 +22,13 @@ export function SettingsLayout() {
   const [selectedSpaceId, setSelectedSpaceId] = useState<string | null>(null);
 
   const sections = [
-    { id: "general", label: tSettings("General"), icon: <Globe className="h-4 w-4 mr-2" /> },
-    { id: "icons", label: tSettings("Icon"), icon: <DockIcon className="h-4 w-4 mr-2" /> },
-    { id: "profiles", label: tSettings("Profiles"), icon: <UsersIcon className="h-4 w-4 mr-2" /> },
-    { id: "spaces", label: tSettings("Spaces"), icon: <OrbitIcon className="h-4 w-4 mr-2" /> },
-    { id: "external-apps", label: tSettings("External Apps"), icon: <BlocksIcon className="h-4 w-4 mr-2" /> },
-    { id: "shortcuts", label: tSettings("Shortcuts"), icon: <KeyboardIcon className="h-4 w-4 mr-2" /> },
-    { id: "about", label: tSettings("About"), icon: <Info className="h-4 w-4 mr-2" /> }
+    { id: "general", label: tSettings("sections.general"), icon: <Globe className="h-4 w-4 mr-2" /> },
+    { id: "icons", label: tSettings("sections.icon"), icon: <DockIcon className="h-4 w-4 mr-2" /> },
+    { id: "profiles", label: tSettings("sections.profiles"), icon: <UsersIcon className="h-4 w-4 mr-2" /> },
+    { id: "spaces", label: tSettings("sections.spaces"), icon: <OrbitIcon className="h-4 w-4 mr-2" /> },
+    { id: "external-apps", label: tSettings("sections.external-apps"), icon: <BlocksIcon className="h-4 w-4 mr-2" /> },
+    { id: "shortcuts", label: tSettings("sections.shortcuts"), icon: <KeyboardIcon className="h-4 w-4 mr-2" /> },
+    { id: "about", label: tSettings("sections.about"), icon: <Info className="h-4 w-4 mr-2" /> }
   ];
 
   const navigateToSpaces = (profileId: string) => {

src/shared/locales/en-US/settings.json

@@ -1,11 +1,12 @@
 {
   "Flow Settings": "Flow Settings",
-  "General": "General",
-  "Icon": "Icon",
-  "Profiles": "Profiles",
-  "Spaces": "Spaces",
-  "External Apps": "External Apps",
-  "About": "About",
+  "sections.general": "General",
+  "sections.icon": "Icon",
+  "sections.profiles": "Profiles",
+  "sections.spaces": "Spaces",
+  "sections.external-apps": "External Apps",
+  "sections.shortcuts": "Shortcuts",
+  "sections.about": "About",
   "Manage your browser's general settings": "Manage your browser's general settings",
   "Browser Icon": "Browser Icon",
   "protocol": "protocol",