🔧 feat: change path used for favicons

app/root.tsx

@@ -26,18 +26,18 @@ export const links: LinksFunction = () => [
   },
   {
     rel: "icon",
-    href: "/favicon.ico",
+    href: "/favicon-group.ico",
     type: "image/ico",
     sizes: "any",
   },
   {
     rel: "icon",
-    href: "/icon.svg",
+    href: "/icon-group.svg",
     type: "image/svg+xml",
   },
   {
     rel: "apple-touch-icon",
-    href: "/apple-touch-icon.png",
+    href: "/apple-touch-icon-group.png",
   },
   { rel: "stylesheet", href: styles },
 ];

app/routes/index.tsx

@@ -121,7 +121,7 @@ interface TrackHeadingProps {
 }
 const TrackHeading = ({ track }: TrackHeadingProps) => {
   return (
-    <div className="flex w-full items-center justify-center rounded-xl bg-black px-[5px] pt-10 pb-12">
+    <div className="flex w-full items-center justify-center rounded-xl bg-black px-[5px] pb-12 pt-10">
       <span
         className={classNames(
           "border-b-4 border-white px-[6px] py-1 text-[1.2rem] uppercase text-white",

public/manifest.webmanifest

@@ -1,6 +1,6 @@
 {
   "icons": [
-    { "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" },
-    { "src": "/icon-512.png", "type": "image/png", "sizes": "512x512" }
+    { "src": "/icon-192-group.png", "type": "image/png", "sizes": "192x192" },
+    { "src": "/icon-512-group.png", "type": "image/png", "sizes": "512x512" }
   ]
-}
+}