diff --git a/.gitignore b/.gitignore
new file mode 100644
index 000000000..9f1f131d6
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.vite
\ No newline at end of file
diff --git a/.vite/deps_temp_6dcee04d/package.json b/.vite/deps_temp_6dcee04d/package.json
deleted file mode 100644
index 3dbc1ca59..000000000
--- a/.vite/deps_temp_6dcee04d/package.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "type": "module"
-}
diff --git a/.vite/deps_temp_abaf02bb/package.json b/.vite/deps_temp_abaf02bb/package.json
deleted file mode 100644
index 3dbc1ca59..000000000
--- a/.vite/deps_temp_abaf02bb/package.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "type": "module"
-}
diff --git a/Client/src/App.jsx b/Client/src/App.jsx
index af4069851..b47c3082e 100644
--- a/Client/src/App.jsx
+++ b/Client/src/App.jsx
@@ -1,11 +1,10 @@
 import { Routes, Route } from "react-router-dom";
-// import "./App.css";
+import "./App.css";
 import NotFound from "./Pages/NotFound";
 import Login from "./Pages/Login";
 import Register from "./Pages/Register";
 import HomeLayout from "./Layouts/HomeLayout";
 import Demo from "./Pages/Demo/Demo";
-import PlayGround from "./Pages/PlayGround/PlayGround";
 
 function App() {
   return (
diff --git a/Client/src/components/Announcements/AnnouncementUpdateSubscription/AnnouncementUpdateSubscription.jsx b/Client/src/Components/Announcements/AnnouncementUpdateSubscription/AnnouncementUpdateSubscription.jsx
similarity index 100%
rename from Client/src/components/Announcements/AnnouncementUpdateSubscription/AnnouncementUpdateSubscription.jsx
rename to Client/src/Components/Announcements/AnnouncementUpdateSubscription/AnnouncementUpdateSubscription.jsx
diff --git a/Client/src/components/Announcements/AnnouncementUpdateSubscription/announcementUpdateSubscription.css b/Client/src/Components/Announcements/AnnouncementUpdateSubscription/announcementUpdateSubscription.css
similarity index 100%
rename from Client/src/components/Announcements/AnnouncementUpdateSubscription/announcementUpdateSubscription.css
rename to Client/src/Components/Announcements/AnnouncementUpdateSubscription/announcementUpdateSubscription.css
diff --git a/Client/src/components/Announcements/AnnouncementsDualButton/AnnouncementsDualButton.jsx b/Client/src/Components/Announcements/AnnouncementsDualButton/AnnouncementsDualButton.jsx
similarity index 100%
rename from Client/src/components/Announcements/AnnouncementsDualButton/AnnouncementsDualButton.jsx
rename to Client/src/Components/Announcements/AnnouncementsDualButton/AnnouncementsDualButton.jsx
diff --git a/Client/src/components/Announcements/AnnouncementsDualButton/announcementsDualButton.css b/Client/src/Components/Announcements/AnnouncementsDualButton/announcementsDualButton.css
similarity index 100%
rename from Client/src/components/Announcements/AnnouncementsDualButton/announcementsDualButton.css
rename to Client/src/Components/Announcements/AnnouncementsDualButton/announcementsDualButton.css
diff --git a/Client/src/components/Announcements/AnnouncementsDualButtonWithIcon/announcementsDualButtonWithIcon.css b/Client/src/Components/Announcements/AnnouncementsDualButtonWithIcon/announcementsDualButtonWithIcon.css
similarity index 100%
rename from Client/src/components/Announcements/AnnouncementsDualButtonWithIcon/announcementsDualButtonWithIcon.css
rename to Client/src/Components/Announcements/AnnouncementsDualButtonWithIcon/announcementsDualButtonWithIcon.css
diff --git a/Client/src/components/Announcements/AnnouncementsMessageBar/AnnouncementsMessageBar.jsx b/Client/src/Components/Announcements/AnnouncementsMessageBar/AnnouncementsMessageBar.jsx
similarity index 100%
rename from Client/src/components/Announcements/AnnouncementsMessageBar/AnnouncementsMessageBar.jsx
rename to Client/src/Components/Announcements/AnnouncementsMessageBar/AnnouncementsMessageBar.jsx
diff --git a/Client/src/components/Announcements/AnnouncementsMessageBar/announcementsMessageBar.css b/Client/src/Components/Announcements/AnnouncementsMessageBar/announcementsMessageBar.css
similarity index 100%
rename from Client/src/components/Announcements/AnnouncementsMessageBar/announcementsMessageBar.css
rename to Client/src/Components/Announcements/AnnouncementsMessageBar/announcementsMessageBar.css
diff --git a/Client/src/components/Charts/Servers/ServerStatus.jsx b/Client/src/Components/Charts/Servers/ServerStatus.jsx
similarity index 100%
rename from Client/src/components/Charts/Servers/ServerStatus.jsx
rename to Client/src/Components/Charts/Servers/ServerStatus.jsx
diff --git a/Client/src/components/Charts/Servers/serverStatus.css b/Client/src/Components/Charts/Servers/serverStatus.css
similarity index 100%
rename from Client/src/components/Charts/Servers/serverStatus.css
rename to Client/src/Components/Charts/Servers/serverStatus.css
diff --git a/Client/src/components/Charts/Statistics/Statistic.jsx b/Client/src/Components/Charts/Statistics/Statistic.jsx
similarity index 100%
rename from Client/src/components/Charts/Statistics/Statistic.jsx
rename to Client/src/Components/Charts/Statistics/Statistic.jsx
diff --git a/Client/src/components/Charts/Statistics/statistic.css b/Client/src/Components/Charts/Statistics/statistic.css
similarity index 100%
rename from Client/src/components/Charts/Statistics/statistic.css
rename to Client/src/Components/Charts/Statistics/statistic.css
diff --git a/Client/src/components/Icons/ComplexAlert/ComplexAlert.jsx b/Client/src/Components/Icons/ComplexAlert/ComplexAlert.jsx
similarity index 100%
rename from Client/src/components/Icons/ComplexAlert/ComplexAlert.jsx
rename to Client/src/Components/Icons/ComplexAlert/ComplexAlert.jsx
diff --git a/Client/src/components/Icons/ComplexAlert/complexAlert.css b/Client/src/Components/Icons/ComplexAlert/complexAlert.css
similarity index 100%
rename from Client/src/components/Icons/ComplexAlert/complexAlert.css
rename to Client/src/Components/Icons/ComplexAlert/complexAlert.css
diff --git a/Client/src/components/PopupModals/DualButtonPopupModal/DualButtonPopupModal.jsx b/Client/src/Components/PopupModals/DualButtonPopupModal/DualButtonPopupModal.jsx
similarity index 100%
rename from Client/src/components/PopupModals/DualButtonPopupModal/DualButtonPopupModal.jsx
rename to Client/src/Components/PopupModals/DualButtonPopupModal/DualButtonPopupModal.jsx
diff --git a/Client/src/components/PopupModals/DualButtonPopupModal/dualButtonPopupModal.css b/Client/src/Components/PopupModals/DualButtonPopupModal/dualButtonPopupModal.css
similarity index 100%
rename from Client/src/components/PopupModals/DualButtonPopupModal/dualButtonPopupModal.css
rename to Client/src/Components/PopupModals/DualButtonPopupModal/dualButtonPopupModal.css
diff --git a/Client/src/components/PopupModals/DualButtonPopupModalWithTextfields/DualButtonPopupModalWithTextfields.jsx b/Client/src/Components/PopupModals/DualButtonPopupModalWithTextfields/DualButtonPopupModalWithTextfields.jsx
similarity index 100%
rename from Client/src/components/PopupModals/DualButtonPopupModalWithTextfields/DualButtonPopupModalWithTextfields.jsx
rename to Client/src/Components/PopupModals/DualButtonPopupModalWithTextfields/DualButtonPopupModalWithTextfields.jsx
diff --git a/Client/src/components/PopupModals/DualButtonPopupModalWithTextfields/dualButtonPopupModalWithTextfields.css b/Client/src/Components/PopupModals/DualButtonPopupModalWithTextfields/dualButtonPopupModalWithTextfields.css
similarity index 100%
rename from Client/src/components/PopupModals/DualButtonPopupModalWithTextfields/dualButtonPopupModalWithTextfields.css
rename to Client/src/Components/PopupModals/DualButtonPopupModalWithTextfields/dualButtonPopupModalWithTextfields.css
diff --git a/Client/src/components/TextFields/Description/DescriptionTextField.jsx b/Client/src/Components/TextFields/Description/DescriptionTextField.jsx
similarity index 100%
rename from Client/src/components/TextFields/Description/DescriptionTextField.jsx
rename to Client/src/Components/TextFields/Description/DescriptionTextField.jsx
diff --git a/Client/src/components/TextFields/Description/descriptionTextField.css b/Client/src/Components/TextFields/Description/descriptionTextField.css
similarity index 100%
rename from Client/src/components/TextFields/Description/descriptionTextField.css
rename to Client/src/Components/TextFields/Description/descriptionTextField.css
diff --git a/Client/src/components/TextFields/Email/EmailTextField.jsx b/Client/src/Components/TextFields/Email/EmailTextField.jsx
similarity index 100%
rename from Client/src/components/TextFields/Email/EmailTextField.jsx
rename to Client/src/Components/TextFields/Email/EmailTextField.jsx
diff --git a/Client/src/components/TextFields/Email/emailTextField.css b/Client/src/Components/TextFields/Email/emailTextField.css
similarity index 100%
rename from Client/src/components/TextFields/Email/emailTextField.css
rename to Client/src/Components/TextFields/Email/emailTextField.css
diff --git a/Client/src/components/TextFields/Website/WebsiteTextField.jsx b/Client/src/Components/TextFields/Website/WebsiteTextField.jsx
similarity index 100%
rename from Client/src/components/TextFields/Website/WebsiteTextField.jsx
rename to Client/src/Components/TextFields/Website/WebsiteTextField.jsx
diff --git a/Client/src/components/TextFields/Website/websiteTextField.css b/Client/src/Components/TextFields/Website/websiteTextField.css
similarity index 100%
rename from Client/src/components/TextFields/Website/websiteTextField.css
rename to Client/src/Components/TextFields/Website/websiteTextField.css
diff --git a/Client/src/components/Tooltips/TooltipWithTail/TooltipWithTail.tsx b/Client/src/Components/Tooltips/TooltipWithTail/TooltipWithTail.jsx
similarity index 68%
rename from Client/src/components/Tooltips/TooltipWithTail/TooltipWithTail.tsx
rename to Client/src/Components/Tooltips/TooltipWithTail/TooltipWithTail.jsx
index 9d7f65122..1b1fb8b4d 100644
--- a/Client/src/components/Tooltips/TooltipWithTail/TooltipWithTail.tsx
+++ b/Client/src/Components/Tooltips/TooltipWithTail/TooltipWithTail.jsx
@@ -1,12 +1,11 @@
 import "./tooltipWithTail.css";
 import React from "react";
 import { styled } from "@mui/material/styles";
-import Tooltip, { TooltipProps, tooltipClasses } from "@mui/material/Tooltip";
+import Tooltip, { tooltipClasses } from "@mui/material/Tooltip";
 import HelpOutlineIcon from "@mui/icons-material/HelpOutline";
-import { useTheme } from "@mui/material";
 
 const CustomizedTooltip = styled(
-  ({ className, placement, arrow, ...props }: TooltipProps) => (
+  ({ className, placement, arrow, ...props }) => (
     <Tooltip
       {...props}
       placement={placement}
@@ -23,17 +22,9 @@ const CustomizedTooltip = styled(
   },
 }));
 
-const TooltipWithTail = ({ placement, arrow = false, title, text }) => {
-  const theme = useTheme();
-
-  const fontLookup = {
-    default: theme.font.default.font,
-  };
-
-  const fontFamily = fontLookup["default"];
-
+function TooltipWithTail({ placement, arrow = false, title, text }) {
   return (
-    <div style={{ fontFamily: fontFamily }}>
+    <div>
       <CustomizedTooltip
         arrow={arrow}
         placement={placement}
@@ -49,6 +40,6 @@ const TooltipWithTail = ({ placement, arrow = false, title, text }) => {
       </CustomizedTooltip>
     </div>
   );
-};
+}
 
 export default TooltipWithTail;
diff --git a/Client/src/components/Tooltips/TooltipWithTail/tooltipWithTail.css b/Client/src/Components/Tooltips/TooltipWithTail/tooltipWithTail.css
similarity index 100%
rename from Client/src/components/Tooltips/TooltipWithTail/tooltipWithTail.css
rename to Client/src/Components/Tooltips/TooltipWithTail/tooltipWithTail.css