Im gonna push before I break anything

src/locales/en.json

@@ -40,10 +40,14 @@
     },
     "proxymodes": {
       "title": "Open in",
-      "subtitle": "Choose how to open your sites",
+      "subtitle": "Choose how to open your sites on Nebula",
       "embed": "Embed",
       "direct": "Direct",
       "aboutblank": "About:Blank"
+    },
+    "searchengines": {
+      "title": "Search Engine",
+      "subtitle": "Choose your search engine for Nebula"
     }
   }
 }

src/locales/es.json

@@ -44,6 +44,10 @@
       "embed": "Incrustar",
       "direct": "Directo",
       "aboutblank": "About:Blank"
+    },
+    "searchengines": {
+      "title": "Motor de búsqueda.",
+      "subtitle": "Elija su motor de búsqueda para Nebula"
     }
   }
 }

src/locales/ja.json

@@ -44,6 +44,10 @@
       "embed": "埋め込む",
       "direct": "直接",
       "aboutblank": "About:Blank"
+    },
+    "searchengines": {
+      "title": "検索エンジン",
+      "subtitle": "ネビュラの検索エンジンを選択してください"
     }
   }
 }

src/pages/ProxyFrame.tsx

@@ -14,7 +14,7 @@ declare global {
 export function ProxyFrame(props: { url: string }) {
   // pass the URL encoded with encodeURIcomponent
   const localProxy = localStorage.getItem("proxy") || "automatic";
-  const proxyMode = localStorage.getItem("proxyMode") || "direct";
+  const proxyMode = localStorage.getItem("proxyMode") || "embed"; // Embed by default
   const searchEngine =
     localStorage.getItem("searchEngine") || "https://google.com/search?q=%s";
   const [ProxiedUrl, setProxiedUrl] = useState<string | undefined>(undefined);

src/pages/Settings/Proxy.tsx

@@ -21,7 +21,8 @@ const Proxy = ({ id, active }) => {
 
   const searchEngines = [
     { id: "https://google.com/search?q=%s", label: "Google" },
-    { id: "https://bing.com/search?q=%s", label: "Bing" }
+    { id: "https://bing.com/search?q=%s", label: "Bing" },
+    { id: "https://duckduckgo.com/%s", label: "DuckDuckGo" }
   ];
 
   return (
@@ -52,8 +53,8 @@ const Proxy = ({ id, active }) => {
           />
         </div>
         <div class="flex h-64 w-80 flex-col flex-wrap content-center items-center rounded-lg border border-input-border-color bg-lighter p-7 text-center">
-          <div class="p-2 text-3xl">Search ENgines</div>
+          <div class="p-2 text-3xl">{t("settings.searchengines.title")}</div>
-          <div class="text-md p-4">{t("settings.proxymodes.subtitle")}</div>
+          <div class="text-md p-4">{t("settings.searchengines.subtitle")}</div>
           <Dropdown
             storageKey="searchEngine"
             options={searchEngines}