feat: add footer

.gitignore

@@ -4,3 +4,6 @@ node_modules/
 .a11yrc.json
 *.DS_Store
 coverage/
+assets/*.js
+script.js
+style.css

.tool-versions

@@ -0,0 +1,2 @@
+nodejs 18.18.0
+

src/context/uiProvider.tsx

@@ -5,9 +5,9 @@ import React, {
   useState,
   useContext,
   useEffect,
-} from "react";
+} from 'react';
 
-import { ThemeManager, Theme } from "../utils/storage";
+import { ThemeManager, Theme } from '../utils/storage';
 
 type UIProviderProps = {
   theme: Theme;
@@ -20,21 +20,21 @@ export const useUIProvider = () => {
   const context = useContext(UIContext);
 
   if (context === undefined) {
-    throw new Error("useUIProvider must be used within a UIProvider");
+    throw new Error('useUIProvider must be used within a UIProvider');
   }
 
   return context;
 };
 
-export const UIProvider: FC<PropsWithChildren<{}>> = ({ children }) => {
+export const UIProvider: FC<{ children: React.ReactNode }> = ({ children }) => {
   const [theme, setTheme] = useState<Theme>('light');
 
   useEffect(() => {
-    if (typeof window !== "undefined") {
+    if (typeof window !== 'undefined') {
       const currentTheme = ThemeManager.get();
 
       if (!currentTheme) {
-        ThemeManager.set("light");
+        ThemeManager.set('light');
       } else {
         setTheme(currentTheme);
       }
@@ -43,7 +43,7 @@ export const UIProvider: FC<PropsWithChildren<{}>> = ({ children }) => {
 
   const toggleTheme = () => {
     setTheme((prev) => {
-      const newTheme = prev === "dark" ? "light" : "dark";
+      const newTheme = prev === 'dark' ? 'light' : 'dark';
       ThemeManager.set(newTheme);
       document.documentElement.classList.toggle('dark', newTheme === 'dark'); // Toggles the dark class
       return newTheme;