Add prettier formatting (#214)

* chore: add prettier

* chore: format codebase

src/Element/Tabs.tsx

@@ -1,39 +1,47 @@
-import './Tabs.css'
+import "./Tabs.css";
 
 export interface Tab {
-  text: string, value: number
+  text: string;
+  value: number;
 }
 
 interface TabsProps {
-  tabs: Tab[]
-  tab: Tab
-  setTab: (t: Tab) => void
+  tabs: Tab[];
+  tab: Tab;
+  setTab: (t: Tab) => void;
 }
 
-interface TabElementProps extends Omit<TabsProps, 'tabs'> {
-  t: Tab
+interface TabElementProps extends Omit<TabsProps, "tabs"> {
+  t: Tab;
 }
 
 export const TabElement = ({ t, tab, setTab }: TabElementProps) => {
   return (
-    <div className={`tab ${tab.value === t.value ? "active" : ""}`} onClick={() => setTab(t)}>
+    <div
+      className={`tab ${tab.value === t.value ? "active" : ""}`}
+      onClick={() => setTab(t)}
+    >
       {t.text}
     </div>
-  )
-}
+  );
+};
 
 const Tabs = ({ tabs, tab, setTab }: TabsProps) => {
   return (
     <div className="tabs">
       {tabs.map((t) => {
         return (
-          <div key={t.value} className={`tab ${tab.value === t.value ? "active" : ""}`} onClick={() => setTab(t)}>
+          <div
+            key={t.value}
+            className={`tab ${tab.value === t.value ? "active" : ""}`}
+            onClick={() => setTab(t)}
+          >
             {t.text}
           </div>
-        )
+        );
       })}
     </div>
-  )
-}
+  );
+};
 
-export default Tabs
+export default Tabs;