fix(ts): refactor codebase for capacitor setup

components/BackgroundWrapper.tsx

@@ -1,6 +1,10 @@
-import React from "react";
+import React, { ReactNode } from "react";
 
-const BackgroundWrapper = ({ children }) => {
+interface BackgroundWrapperProps {
+  children: ReactNode;
+}
+
+const BackgroundWrapper = ({ children }: BackgroundWrapperProps) => {
   return (
     <div
       className="min-h-screen bg-cover bg-center bg-no-repeat relative"
@@ -10,9 +14,7 @@ const BackgroundWrapper = ({ children }) => {
     >
       <div
         className="min-h-screen"
-        style={{
-          backgroundColor: "rgba(0, 0, 0, 0)", // Optional overlay - adjust opacity as needed
-        }}
+        style={{ backgroundColor: "rgba(0, 0, 0, 0)" }}
       >
         {children}
       </div>