Devintel testPage1 done

public/svgs/index.ts

@@ -1,5 +1,14 @@
 // basic util svg
-export { default as copy } from "./copy.svg";
-export { default as control } from "./control.svg";
 export { default as arrowLeft } from "./arrowLeft.svg";
+export { default as cast } from "./cast.svg";
+export { default as chat } from "./chat.svg";
+export { default as control } from "./control.svg";
+export { default as copy } from "./copy.svg";
+export { default as currency } from "./currency.svg";
+export { default as eth } from "./eth.svg";
+export { default as history } from "./history.svg";
+export { default as loader } from "./loader.svg";
+export { default as nvir } from "./nvir.svg";
 export { default as outLink } from "./outLink.svg";
+export { default as star } from "./star.svg";
+export { default as wallet } from "./wallet.svg";

src/app/RootStyleRegistry.tsx

@@ -1,19 +1,15 @@
 "use client";
-import { useState, type PropsWithChildren } from "react";
-import { useServerInsertedHTML } from "next/navigation";
 import { createCache, extractStyle, StyleProvider } from "@ant-design/cssinjs";
+import { useServerInsertedHTML } from "next/navigation";
+import { useState, type PropsWithChildren } from "react";
 
 export const RootStyleRegistry = ({ children }: PropsWithChildren) => {
   const [cache] = useState(() => createCache());
 
   useServerInsertedHTML(() => {
-    return (
-      <script
-        dangerouslySetInnerHTML={{
-          __html: `</script>${extractStyle(cache)}<script>`,
-        }}
-      />
-    );
+    // Ensure extracted styles are safely inserted as HTML to prevent XSS issues
+    const extractedStyle = extractStyle(cache);
+    return <style dangerouslySetInnerHTML={{ __html: extractedStyle }} />;
   });
 
   return <StyleProvider cache={cache}>{children}</StyleProvider>;