refactor: move all assets to subfolder due to name collisions with v1 app

This change is necessary, since `v1 app`  and `v2 (this) app` are
running on the same `url`. So the traffic originating from the browser
to request a specific resource of this app has to be routed to the
`v2 app instance` on the server.

That's why we use a `generic prefix`(/assets-2usdf) for
`publicly served assets`.This will prevent name collisions.

Author: marcel-bitfly

frontend/app.vue

@@ -5,6 +5,11 @@ const { locale } = useTranslation()
 useHead(
   {
     htmlAttrs: { lang: locale.value },
+    link: [ {
+      href: '/assets-2usdf/favicon.ico',
+      rel: 'icon',
+      type: 'image/x-icon',
+    } ],
   },
 )
 useBcToastProvider()

frontend/assets/css/fonts.scss

@@ -1,72 +1,72 @@
 @font-face {
   font-family: "Montserrat";
   font-weight: 400 500 600 700;
-  src: url("/fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
+  src: url("/assets-2usdf/fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
 }
 
 @font-face {
   font-family: "Montserrat";
   font-weight: 400 500 600 700;
   font-style: italic;
-  src: url("/fonts/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");
+  src: url("/assets-2usdf/fonts/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");
 }
 
 @font-face {
   font-family: "Roboto";
   font-weight: 300;
-  src: url("/fonts/Roboto-Light.ttf") format("truetype");
+  src: url("/assets-2usdf/fonts/Roboto-Light.ttf") format("truetype");
 }
 
 @font-face {
   font-family: "Roboto";
   font-weight: 300;
   font-style: italic;
-  src: url("/fonts/Roboto-LightItalic.ttf") format("truetype");
+  src: url("/assets-2usdf/fonts/Roboto-LightItalic.ttf") format("truetype");
 }
 
 @font-face {
   font-family: "Roboto";
   font-weight: 400;
-  src: url("/fonts/Roboto-Regular.ttf") format("truetype");
+  src: url("/assets-2usdf/fonts/Roboto-Regular.ttf") format("truetype");
 }
 
 @font-face {
   font-family: "Roboto";
   font-weight: 400;
   font-style: italic;
-  src: url("/fonts/Roboto-Italic.ttf") format("truetype");
+  src: url("/assets-2usdf/fonts/Roboto-Italic.ttf") format("truetype");
 }
 
 @font-face {
   font-family: "Roboto";
   font-weight: 500;
-  src: url("/fonts/Roboto-Medium.ttf") format("truetype");
+  src: url("/assets-2usdf/fonts/Roboto-Medium.ttf") format("truetype");
 }
 
 @font-face {
   font-family: "Roboto";
   font-weight: 500;
   font-style: italic;
-  src: url("/fonts/Roboto-MediumItalic.ttf") format("truetype");
+  src: url("/assets-2usdf/fonts/Roboto-MediumItalic.ttf") format("truetype");
 }
 
 @font-face {
   font-family: "Roboto";
   font-weight: 700;
-  src: url("/fonts/Roboto-Bold.ttf") format("truetype");
+  src: url("/assets-2usdf/fonts/Roboto-Bold.ttf") format("truetype");
 }
 
 @font-face {
   font-family: "Roboto";
   font-weight: 700;
   font-style: italic;
-  src: url("/fonts/Roboto-BoldItalic.ttf") format("truetype");
+  src: url("/assets-2usdf/fonts/Roboto-BoldItalic.ttf") format("truetype");
 }
 
 @font-face {
   font-family: "Inter";
   font-weight: 300 500;
-  src: url("/fonts/Inter-VariableFont_slnt,wght.ttf") format("truetype");
+  src: url("/assets-2usdf/fonts/Inter-VariableFont_slnt,wght.ttf") format("truetype");
 }
 
 :root {

frontend/composables/useBcSeo.ts

@@ -12,7 +12,7 @@ export function useBcSeo(
   const year = new Date().getFullYear()
 
   const url = 'https://beaconcha.in'
-  const logo = `${url}/img/logo.png`
+  const logo = `${url}/assets-2usdf/img/logo.png`
   const ogUrl = () => {
     const value
       = removeDynamicUrlValue