Add: Click on the logo to return to the main page

src/app/shared/components/header/header.component.html

@@ -8,7 +8,11 @@
       <p>Devspace</p>
     </div>
     } @else {
-    <img src="./assets/img/home-icon.svg" class="homeIcon" />
+    <img
+      src="./assets/img/home-icon.svg"
+      class="homeIcon"
+      routerLink="/main/"
+    />
     }
   </div>
   @if (viewWidth >= RESPONSIVE_THRESHOLD) {

src/app/shared/components/header/header.component.scss

@@ -40,6 +40,7 @@ header {
     width: 242px;
     height: 70px;
     margin-left: 20px;
+    cursor: pointer;
   }
 }
 

src/app/shared/components/header/header.component.ts

@@ -9,6 +9,7 @@ import { SharedService } from '../../../service/shared.service';
 import { SmallBtnComponent } from '../buttons/small-btn/small-btn.component';
 import { LanguageService } from '../../../service/language.service';
 import { TranslateModule } from '@ngx-translate/core';
+import { RouterLink } from '@angular/router';
 
 @Component({
   selector: 'app-header',
@@ -19,6 +20,7 @@ import { TranslateModule } from '@ngx-translate/core';
     SearchBarComponent,
     SmallBtnComponent,
     TranslateModule,
+    RouterLink,
   ],
   templateUrl: './header.component.html',
   styleUrl: './header.component.scss',