feat: use react document metadata instead of react-helmet-async

package.json

@@ -60,7 +60,6 @@
     "quickjs-emscripten-sync": "^1.5.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-helmet-async": "^2.0.5",
     "react-hook-form": "^7.54.1",
     "react-hotkeys-hook": "^4.6.1",
     "react-resizable-panels": "^2.1.7",

src/app.tsx

@@ -1,20 +1,16 @@
-import { HelmetProvider } from 'react-helmet-async';
-
 import { Toaster } from '@/components/ui/sonner';
 import { ThemeProvider } from '@/providers/theme-provider';
 import Router from '@/routes';
 
 import { PromptProvider } from './providers/prompt-provider';
 
 const App = () => (
-  <HelmetProvider>
-    <ThemeProvider storageKey="theme">
-      <PromptProvider>
-        <Router />
-      </PromptProvider>
-      <Toaster />
-    </ThemeProvider>
-  </HelmetProvider>
+  <ThemeProvider storageKey="theme">
+    <PromptProvider>
+      <Router />
+    </PromptProvider>
+    <Toaster />
+  </ThemeProvider>
 );
 
 export default App;

src/features/editor/providers/meta-provider.tsx

@@ -1,5 +1,3 @@
-import { Helmet } from 'react-helmet-async';
-
 import { useCodeStore } from '../stores/editor';
 
 interface Props {
@@ -11,9 +9,7 @@ export const MetatagsProvider: React.FC<Props> = ({ children }) => {
 
   return (
     <>
-      <Helmet>
-        <title>JSoD - {title ? title : 'Script'}</title>
-      </Helmet>
+      <title>{`JSoD - ${title ? title : 'Script'}`}</title>
       {children}
     </>
   );

src/features/not-found/index.tsx

@@ -1,14 +1,11 @@
-import { Helmet } from 'react-helmet-async';
 import { Link } from 'wouter';
 
 import { Button } from '@/components/ui/button';
 
 export default function NotFound() {
   return (
     <>
-      <Helmet>
-        <title>JSoD - Not Found</title>
-      </Helmet>
+      <title>JSoD - Not Found</title>
       <div className="flex h-screen w-screen flex-col items-center justify-center gap-4 px-2 py-3">
         <h2 className="text-2xl font-semibold">
           Are you searching for a JS editor?