init

thirdeye/dashboard/app/components/MaterialSymbols.tsx

@@ -0,0 +1,18 @@
+'use client';
+
+import { useEffect } from 'react';
+
+export default function MaterialSymbols() {
+  useEffect(() => {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap';
+    document.head.appendChild(link);
+
+    return () => {
+      document.head.removeChild(link);
+    };
+  }, []);
+
+  return null;
+}