please add a new stopwatch component.

src/components/ui/Stopwatch/Stopwatch.tsx

@@ -0,0 +1,23 @@
+// src/components/ui/Stopwatch/Stopwatch.tsx
+
+import { useEffect, useState } from 'react';
+
+const Stopwatch = () => {
+  const [seconds, setSeconds] = useState(0);
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setSeconds(seconds => seconds + 1);
+    }, 1000);
+
+    return () => clearInterval(interval);
+  }, []);
+
+  return (
+    <div>
+      Seconds: {seconds}
+    </div>
+  );
+};
+
+export default Stopwatch;

src/pages/_app.tsx

@@ -2,6 +2,7 @@
 
 import { type AppType } from "next/app";
 import ThemeProvider from "@components/ui/Theme/ThemeProvider";
+import Stopwatch from "@components/ui/Stopwatch/Stopwatch"; // New import
 import "../styles/globals.css";
 import { QueryClient, QueryClientProvider } from "react-query";
 import { v4 as uuid } from "uuid";
@@ -17,10 +18,12 @@ const MyApp: AppType = ({ Component, pageProps: { ...pageProps } }) => {
     // Provide the client to your App
     <ThemeProvider>
       <QueryClientProvider client={queryClient}>
+        <Stopwatch /> {/* New utilization */}
         <Component {...pageProps} />
       </QueryClientProvider>
     </ThemeProvider>
   );
 };
 
 export default MyApp;
+