Added FooterComponent and updated various UI elements

Introduced a new FooterComponent and integrated it into the application. Adjusted home page layout and refined styles for better consistency, including minor restructuring of CSS rules and HTML elements.

frontend/src/styles.scss

@@ -299,29 +299,7 @@ tr {
   background: #8b8a8f;
 }
 
-// Everything for darkmode
-
-.darkmodeSection {
-  background-color: var(--color-secondary);
-  transition: 0.5s background ease;
-}
-
-@media (max-width: 1150px) {
-  .container {
-    width: 90%;
-  }
-
-  h1 {
-    font-size: 3em;
-  }
-
-  .title {
-    height: calc(100% - 150px);
-    margin-top: 0;
-  }
-
-}
-
+// Darkmode sections
 .darkmodeSection {
   background-color: var(--color-secondary);
   transition: 0.5s background ease;
@@ -337,7 +315,7 @@ tr {
   transition: 0.5s background ease;
 }
 
-
+// Scroll-up button
 .scroll-up-button.active:hover {
   opacity: 1.0;
 }
@@ -387,4 +365,19 @@ tr {
   box-sizing: border-box;
 }
 
-/* main css end */
+// Different resolution changes
+@media (max-width: 1150px) {
+  .container {
+    width: 90%;
+  }
+
+  h1 {
+    font-size: 3em;
+  }
+
+  .title {
+    height: calc(100% - 150px);
+    margin-top: 0;
+  }
+
+}