refactor: use usehooks-ts lib

Signed-off-by: rare-magma <[email protected]>

README.md

@@ -223,6 +223,7 @@ Keyboard shortcuts can be triggered when no input field is selected.
 - [use-undo](https://github.com/homerchen19/use-undo)
 - [immer](https://github.com/immerjs/immer)
 - [use-immer](https://github.com/immerjs/use-immer)
+- [usehooks-ts](https://github.com/juliencrn/usehooks-ts)
 
 ## Hosted On
 

package.json

@@ -47,7 +47,8 @@
     "react-router-dom": "6.20.1",
     "recharts": "2.12.0",
     "use-immer": "0.9.0",
-    "use-undo": "1.1.1"
+    "use-undo": "1.1.1",
+    "usehooks-ts": "3.0.1"
   },
   "devDependencies": {
     "@playwright/test": "1.41.2",

src/components/LandingPage/LandingPage.tsx

@@ -1,9 +1,9 @@
 import { useRef } from "react";
 import { Button, Container, Form, Row, Stack } from "react-bootstrap";
+import { useWindowSize } from "usehooks-ts";
 import { useBudget } from "../../context/BudgetContext";
 import { useGeneralContext } from "../../context/GeneralContext";
 import { useDB } from "../../hooks/useDB";
-import { useWindowSize } from "../../hooks/useWindowSize";
 import { Loading } from "../Loading/Loading";
 import "./LandingPage.css";