fix(ts): refactor codebase for capacitor setup

components/DestructibleAlert.tsx

@@ -1,12 +1,14 @@
 import React from "react";
 
+interface DestructibleAlertProps {
+  text: string;
+  extraStyles?: string;
+}
+
 const DestructibleAlert = ({
   text,
   extraStyles = "",
-}: {
-  text: string;
-  extraStyles?: string;
-}) => {
+}: DestructibleAlertProps) => {
   return (
     <div
       className={`border bg-red-200 border-blue-200 rounded-3xl py-6 ${extraStyles}`}