🌐 Search engine custom button

public/locales/en/settings/general/search-engine.json

@@ -1,6 +1,7 @@
 {
   "title": "Search engine",
   "configurationName": "Search engine configuration",
+  "custom": "Custom",
   "tips": {
     "generalTip": "There are multiple prefixes you can use! Adding these in front of your query will filter the results. !s (Web), !t (Torrents), !y (YouTube), and !m (Media).",
     "placeholderTip": "%s can be used as a placeholder for the query."

src/components/Settings/Common/SearchEngine/SearchEngineSelector.tsx

@@ -35,6 +35,13 @@ export const SearchEngineSelector = ({ searchEngine }: Props) => {
     updateSearchEngineConfig(engine, url);
   };
 
+  const searchEngineOptions: { label: string; value: EngineType }[] = [
+    { label: 'Google', value: 'google' },
+    { label: 'DuckDuckGo', value: 'duckDuckGo' },
+    { label: 'Bing', value: 'bing' },
+    { label: t('custom'), value: 'custom' },
+  ];
+
   return (
     <Stack spacing={0} mt="xs">
       <Title order={5} mb="xs">
@@ -77,13 +84,6 @@ export const SearchEngineSelector = ({ searchEngine }: Props) => {
   );
 };
 
-const searchEngineOptions: { label: string; value: EngineType }[] = [
-  { label: 'Google', value: 'google' },
-  { label: 'DuckDuckGo', value: 'duckDuckGo' },
-  { label: 'Bing', value: 'bing' },
-  { label: 'Custom', value: 'custom' },
-];
-
 export const searchUrls: { [key in CommonSearchEngineCommonSettingsType['type']]: string } = {
   google: 'https://google.com/search?q=',
   duckDuckGo: 'https://duckduckgo.com/?q=',