Merge pull request #806 from ajnart/refactor/fix-default-img-paths

♻️ Fix default img paths

data/configs/default.json

@@ -375,7 +375,7 @@
             },
             "pageTitle": "Homarr v0.11  ⭐️",
             "logoImageUrl": "/imgs/logo/logo.png",
-            "faviconUrl": "/imgs/favicon/favicon-squared",
+            "faviconUrl": "/imgs/favicon/favicon-squared.png",
             "backgroundImageUrl": "",
             "customCss": "",
             "colors": {

src/components/Settings/Customization/Meta/BackgroundChanger.tsx

@@ -33,7 +33,7 @@ export const BackgroundChanger = () => {
   return (
     <TextInput
       label={t('background.label')}
-      placeholder="/imgs/background.png"
+      placeholder="/imgs/backgrounds/background.png"
       value={backgroundImageUrl}
       onChange={handleChange}
     />

src/components/Settings/Customization/Meta/FaviconChanger.tsx

@@ -9,7 +9,7 @@ export const FaviconChanger = () => {
   const updateConfig = useConfigStore((x) => x.updateConfig);
   const { config, name: configName } = useConfigContext();
   const [faviconUrl, setFaviconUrl] = useState(
-    config?.settings.customization.faviconUrl ?? '/imgs/favicon/favicon-squared.png'
+    config?.settings.customization.faviconUrl ?? '/imgs/favicon/favicon.svg'
   );
 
   if (!configName) return null;

src/components/layout/header/Meta/Head.tsx

@@ -20,7 +20,7 @@ export function Head() {
       {/* configure apple splash screen & touch icon */}
       <link
         rel="apple-touch-icon"
-        href={config?.settings.customization.faviconUrl || '/imgs/favicon/favicon-squared.png'}
+        href={config?.settings.customization.faviconUrl || '/imgs/favicon/favicon.svg'}
       />
       <meta
         name="apple-mobile-web-app-title"