Add rules page and enhance home slider functionality

Introduced a new "Rules" component with its routing, templates, and styles, outlining server rules. Enhanced the home slider with navigation dots, updated click events, and improved styling for active/inactive indicators. Also modified the header component to support dynamic height styling.

frontend/src/app/home/home.component.scss

@@ -257,6 +257,14 @@ main .container {
   transform: scale(1.2);
 }
 
+.active-dot {
+  background-color: var(--link-color);
+}
+
+.inactive-dot {
+  background-color: rgba(0, 0, 0, 0);
+}
+
 // Different resolution changes
 @media (max-width: 1150px) {
   .container {