fix: rename Static folder

components/Current/Aside/Contacts/Contact.tsx

@@ -43,7 +43,7 @@ export default function Contact({
               >
                 <use
                   xmlnsXlink="http://www.w3.org/1999/xlink"
-                  xlinkHref="/Static/img/icons/sprites.svg#icon-phone"
+                  xlinkHref="/_static/img/icons/sprites.svg#icon-phone"
                 ></use>
               </svg>
 

components/Current/Blocks/List/list.module.css

@@ -36,7 +36,7 @@
 }
 
 .checkmark::before {
-  content: url("/Static/img/bullet-list-tick-birch-v2.svg");
+  content: url("/_static/img/bullet-list-tick-birch-v2.svg");
   transform: scale(0.9);
   left: -1.2em;
 }
@@ -69,4 +69,4 @@
   .title {
     font-size: 1.625rem;
   }
-}
+}

components/Current/Footer/index.tsx

@@ -15,7 +15,7 @@ export default async function Footer({ lang }: LangParams) {
       locale: lang,
     },
     {
-      tags: [`footer-${lang}`]
+      tags: [`footer-${lang}`],
     }
   )
 
@@ -190,7 +190,7 @@ display: none;
                 <title id="facebook-icon">
                   {footerData.social_media.facebook.title}
                 </title>
-                <use xlinkHref="/Static/img/icons/sprites.svg#icon-facebook"></use>
+                <use xlinkHref="/_static/img/icons/sprites.svg#icon-facebook"></use>
               </svg>
             </a>
             <a
@@ -210,7 +210,7 @@ display: none;
                 <title id="twitter-icon">
                   {footerData.social_media.twitter.title}
                 </title>
-                <use xlinkHref="/Static/img/icons/sprites.svg#icon-twitter"></use>
+                <use xlinkHref="/_static/img/icons/sprites.svg#icon-twitter"></use>
               </svg>
             </a>
             <a
@@ -230,7 +230,7 @@ display: none;
                 <title id="instagram-icon">
                   {footerData.social_media.instagram.title}
                 </title>
-                <use xlinkHref="/Static/img/icons/sprites.svg#icon-instagram"></use>
+                <use xlinkHref="/_static/img/icons/sprites.svg#icon-instagram"></use>
               </svg>
             </a>
           </div>

components/Current/Header/LanguageSwitcher/Desktop/index.tsx

@@ -15,7 +15,7 @@ export default function Desktop({
   const divRef = useRef<HTMLDivElement>(null)
 
   function toggleOpen() {
-    setIsOpen(prevIsOpen => !prevIsOpen)
+    setIsOpen((prevIsOpen) => !prevIsOpen)
   }
 
   const close = useCallback(() => {
@@ -31,10 +31,10 @@ export default function Desktop({
     }
 
     if (divRef.current) {
-      document.addEventListener('click', handleClickOutside, false)
+      document.addEventListener("click", handleClickOutside, false)
     }
     return () => {
-      document.removeEventListener('click', handleClickOutside, false)
+      document.removeEventListener("click", handleClickOutside, false)
     }
   }, [close])
 
@@ -51,31 +51,67 @@ export default function Desktop({
           className="icon icon--xs icon--white"
           viewBox="0 0 32 32"
         >
-          <use xlinkHref="/Static/img/icons/sprites.svg#icon-globe"></use>
+          <use xlinkHref="/_static/img/icons/sprites.svg#icon-globe"></use>
         </svg>
         {currentLanguage}
         <span className="hidden--accessible">Choose language</span>
         <span className="caret"></span>
       </button>
       <ul className={`${styles.dropdown} ${isOpen ? styles.isOpen : ""}`}>
-        <li className={currentLanguage === languages.en ? styles.active : undefined}>
-          <a className={styles.link} href={urls.en?.url}>{languages.en}</a>
+        <li
+          className={
+            currentLanguage === languages.en ? styles.active : undefined
+          }
+        >
+          <a className={styles.link} href={urls.en?.url}>
+            {languages.en}
+          </a>
         </li>
-        <li className={currentLanguage === languages.sv ? styles.active : undefined}>
-          <a className={styles.link} href={urls.sv?.url}>{languages.sv}</a>
+        <li
+          className={
+            currentLanguage === languages.sv ? styles.active : undefined
+          }
+        >
+          <a className={styles.link} href={urls.sv?.url}>
+            {languages.sv}
+          </a>
         </li>
-        <li className={currentLanguage === languages.no ? styles.active : undefined}>
-          <a className={styles.link} href={urls.no?.url}>{languages.no}</a>
+        <li
+          className={
+            currentLanguage === languages.no ? styles.active : undefined
+          }
+        >
+          <a className={styles.link} href={urls.no?.url}>
+            {languages.no}
+          </a>
         </li>
         {/* When we have 6 languages in Contenstack, danish url should come from urls.da?.url */}
-        <li className={currentLanguage === languages.da ? styles.active : undefined}>
-          <a className={styles.link} href="https://www.scandichotels.dk/">{languages.da}</a>
+        <li
+          className={
+            currentLanguage === languages.da ? styles.active : undefined
+          }
+        >
+          <a className={styles.link} href="https://www.scandichotels.dk/">
+            {languages.da}
+          </a>
         </li>
-        <li className={currentLanguage === languages.fi ? styles.active : undefined}>
-          <a className={styles.link} href={urls.fi?.url}>{languages.fi}</a>
+        <li
+          className={
+            currentLanguage === languages.fi ? styles.active : undefined
+          }
+        >
+          <a className={styles.link} href={urls.fi?.url}>
+            {languages.fi}
+          </a>
         </li>
-        <li className={currentLanguage === languages.de ? styles.active : undefined}>
-          <a className={styles.link} href={urls.de?.url}>{languages.de}</a>
+        <li
+          className={
+            currentLanguage === languages.de ? styles.active : undefined
+          }
+        >
+          <a className={styles.link} href={urls.de?.url}>
+            {languages.de}
+          </a>
         </li>
       </ul>
     </div>