feat: enhance application structure and improve accessibility

- Refactor various components for better readability and maintainability.
- Update HTML templates to include `alt` attributes for images and `for` attributes for labels.
- Implement reactive forms in OTP component and improve token management in AuthService.
- Adjust routing to redirect to 'admin/about' by default.
- Remove deprecated interceptor implementation and streamline authentication logic.
- Add console logs for better debugging during initialization.

src/app/admin/projects/projects.html

@@ -14,13 +14,15 @@
 
             @for (category of model.projectsCategories; track category) {
             <li class="filter-item">
-                <button (click)="filterProjects(category)" [ngClass]="{active: filter === category}">{{category}}</button>
+                <button (click)="filterProjects(category)"
+                    [ngClass]="{active: filter === category}">{{category}}</button>
             </li>
             }
 
         </ul>
 
-        <div class="filter-select-box" (click)="categoryClicked = !categoryClicked">
+        <div class="filter-select-box" (click)="categoryClicked = !categoryClicked" tabindex="0"
+            (keyup.enter)="categoryClicked = !categoryClicked">
 
             <button class="filter-select" [ngClass]="{active: categoryClicked}">
 
@@ -58,7 +60,7 @@
                 <ion-icon name="eye-outline"></ion-icon>
               </div> -->
 
-                        <img src="{{imagesOrigin + project.imagePath}}" loading="lazy">
+                        <img src="{{imagesOrigin + project.imagePath}}" alt="{{project.name}}" loading="lazy">
                     </figure>
 
                     <h3 class="project-title">{{project.name}}</h3>