Rearrange components & utilities

src/components/App.tsx

@@ -1,7 +1,6 @@
-import { useEventListener, useInterval, useWindowSize } from "usehooks-ts";
+import { useEventListener, useInterval, useWindowSize, useToggle } from "usehooks-ts";
-import useBackground from "@/useBackground";
+import useBackground from "@/utils/useBackground";
-import Post from "@/Post";
+import Post from "@/components/Post";
-import { useToggle } from "usehooks-ts";
 
 import {
   ArrowPathIcon,

src/main.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import App from "./App";
+import App from "@/components/App";
-import "./index.scss";
+import "@/styles/index.scss";
 
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <React.StrictMode>

src/utils/useBackground.tsx

@@ -1,7 +1,7 @@
 import { Chance } from "chance";
-import { useEffect, useMemo, useState } from "react";
+import { useMemo, useState } from "react";
 import ReactDOMServer from "react-dom/server";
-import { getEdgePoint } from "./utils";
+import { getEdgePoint } from "@/utils/helpers";
 
 interface useBackgroundProps {
   width: number;