refactory: resolve a lots of warnings and code style issues

Author: BIYUEHU

.idea/inspectionProfiles/Project_Default.xml

@@ -1,7 +1,7 @@
+import { Routes } from '@angular/router'
 import { publicRoutes } from './routes/public.routes'
-import { defineRoutes } from './shared/tools'
 
-export const routes = defineRoutes([
+export const routes: Routes = [
   {
     path: '',
     children: publicRoutes
@@ -10,4 +10,4 @@ export const routes = defineRoutes([
     path: 'admin',
     loadChildren: () => import('./routes/admin.routes').then((m) => m.adminRoutes)
   }
-])
+]

.idea/workspace.xml

@@ -19,15 +19,12 @@ export class AdminHeaderComponent {
 
   public isSidebarOpen$
 
-  public readonly avatarUrl = `${API_BASE_URL2}/utils/qqavatar` // TODO: github avatar}
+  public readonly avatarUrl = `${API_BASE_URL2}/utils/qqavatar` // TODO: github avatar
 
   public constructor(
     private readonly authService: AuthService,
     private readonly layoutService: LayoutService
   ) {
-    this.authService.user$.subscribe((user) => {
-      if (user) this.user = user
-    })
     this.createDate = new Date((this.user?.created ?? 0) * 1000)
     this.isSidebarOpen$ = this.layoutService.isSidebarOpen$
   }

client/app/app.routes.ts

@@ -1,4 +1,3 @@
-import { AsyncPipe } from '@angular/common'
 import { Component, HostListener } from '@angular/core'
 import { RouterOutlet } from '@angular/router'
 import { BrowserService } from '../../services/browser.service'
@@ -10,7 +9,7 @@ import { AdminSidebarComponent } from '../admin-sidebar/admin-sidebar.component'
 @Component({
   selector: 'app-admin-layout',
   standalone: true,
-  imports: [AsyncPipe, RouterOutlet, AdminHeaderComponent, AdminSidebarComponent, AdminFooterComponent],
+  imports: [RouterOutlet, AdminHeaderComponent, AdminSidebarComponent, AdminFooterComponent],
   templateUrl: './admin-layout.component.html'
 })
 export class AdminLayoutComponent {

client/app/components/admin-header/admin-header.component.ts

@@ -17,7 +17,7 @@
     <div class="text-right">
       <p>
         Made with ❤️ by
-        <a class="text-blue-500 hover:text-blue-700" target=" _blank" class="" href="https://github.com/biyuehu">Arimura
+        <a class="text-blue-500 hover:text-blue-700" target=" _blank" href="https://github.com/biyuehu">Arimura
           Sena</a>
       </p>
       <p>

client/app/components/admin-layout/admin-layout.component.ts

@@ -28,6 +28,7 @@ export class FooterComponent implements OnInit {
   ) {}
 
   public ngOnInit() {
+    if (!this.browserService.isBrowser) return
     this.apiService
       .getHitokoto()
       .pipe(

client/app/components/footer/footer.component.html

@@ -1,7 +1,7 @@
 <div class="bg-black/50 backdrop-blur-10 z-3 fixed top-0 left-0 w-full">
   <div class="mx-3 h-12 mx-0 px-0 py-1.5 lg:py-5 my-auto flex lg:justify-center items-center flex-1 relative h-full">
     <div class="lg:hidden left-0 -translate-x-1 p-2" (click)="toggleMenu()">
-      <img [src]="
+      <img alt="hamburger" fill [ngSrc]="
           isMenuOpen
             ? '/assets/hamburger_open.svg'
             : '/assets/hamburger_close.svg'

client/app/components/footer/footer.component.ts

@@ -1,10 +1,11 @@
+import { NgOptimizedImage } from '@angular/common'
 import { Component } from '@angular/core'
 import { RouterLink } from '@angular/router'
 
 @Component({
   selector: 'app-header',
   standalone: true,
-  imports: [RouterLink],
+  imports: [RouterLink, NgOptimizedImage],
   templateUrl: './header.component.html'
 })
 export class HeaderComponent {