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/header/header.component.html

@@ -1,5 +1,5 @@
 <ng-container>
-  <header id="top" [ngStyle]="{ 'background-image': 'url(' + background_image + ')'}">
+  <header id="top" [ngStyle]="{ 'background-image': 'url(' + background_image + ')', 'height': height }">
     <nav id="nav" [ngClass]="active">
       <div class="container">
         <div id="mobile_nav">

frontend/src/app/header/header.component.ts

@@ -9,6 +9,7 @@ import {Component, HostListener, Input} from '@angular/core';
 export class HeaderComponent {
   @Input() current_page: string = '';
   @Input() background_image: string = '';
+  @Input() height: string = '';
 
   public active: string = '';