Compress common css

Author: Rikthepixel

src/components/head/CommonCss.tsx

@@ -1,19 +1,35 @@
 import React from "react";
 
 const CommonCss = () => {
-  return (
-    <style>
-      {`
-        :where(.w-full) { width: 100%; }
-        :where(.flex) { display: flex; }
-        :where(.items-center) { align-items: center; }
-        :where(.justify-center) { justifiy-content: center }
+  const css = `
+    :where(.w-full) {
+       width: 100%; 
+    }
+
+    :where(.flex) { 
+      display: flex; 
+    }
+
+    :where(.items-center) { 
+      align-items: center; 
+    }
 
-        
-        details>summary { list-style: none; }
-        details>summary::-webkit-details-marker { display: none; }
-      `}
-    </style>
+    :where(.justify-center) { 
+      justifiy-content: center 
+    }
+
+    details > summary { 
+      list-style: none;
+     }
+    details > summary::-webkit-details-marker { 
+      display: none; 
+    }
+
+    `.replace(/\s*\n*\t*/gm, "");
+  return (
+    <style dangerouslySetInnerHTML={{
+      __html: css
+    }} />
   );
 };