perf: removed redundant javascript code and unused packages

components/Preloader/Preloader.tsx

@@ -1,22 +1,17 @@
 import styles from "./preloader.module.scss";
 
-function isSafari() {
-  const userAgent = navigator.userAgent.toLowerCase();
-  return userAgent.includes("safari") && !userAgent.includes("chrome");
-}
-
-export default function Preloader({ ...props }) {
-  return (
-    <div className={styles.preloader} {...props} id="preloader">
-      {/* <video
-        autoPlay
-        disablePictureInPicture
-        loop
-        muted
-        preload="auto"
-        src="/Videos/preloaderCoinVideo.mp4"
-      /> */}
-      <img src="/Videos/preloaderCoinVideo.gif" alt="preloader gif" />
-    </div>
-  );
+export default function Preloader({...props}) {
+    return (
+        <div className={styles.preloader} {...props} id="preloader">
+            <video
+                autoPlay
+                disablePictureInPicture
+                loop
+                muted
+                preload="auto"
+                src="/Videos/preloaderCoinVideo.mp4"
+            />
+            {/*<img src="/Videos/preloaderCoinVideo.gif" alt="preloader gif"/>*/}
+        </div>
+    );
 }

next.config.mjs

@@ -1,12 +1,12 @@
 const nextConfig = {
-  webpack: (config, options) => {
-    config.module.rules.push({
-      test: /\.(glsl|vs|fs|vert|frag)$/,
-      use: ["raw-loader"],
-    });
+    webpack: (config) => {
+        config.module.rules.push({
+            test: /\.(glsl|vs|fs|vert|frag)$/,
+            // use: ["raw-loader"],
+        });
 
-    return config;
-  },
+        return config;
+    },
 };
 
 export default nextConfig;