up multi selector

sae-csc/src/app/pages/main/main.ts

@@ -1,8 +1,7 @@
 import {Component} from '@angular/core';
 import {TranslateTexts} from 'sae-lib/inbox/translate-texts/translate-texts';
-import {FiltersGroup} from '../../../../../my-workspace/projects/sae-lib/filters/filters-group/filters-group';
+import {FiltersGroup} from 'sae-lib/filters/filters-group/filters-group';
 import {BottomNavigation} from '../../shared/navigation/bottom-navigation/bottom-navigation';
-import {ColorDisplay} from 'sae-lib/colours/color-display/color-display';
 import {FeedbackButton} from 'sae-lib/buttons/feedback-button/feedback-button';
 
 
@@ -12,7 +11,6 @@ import {FeedbackButton} from 'sae-lib/buttons/feedback-button/feedback-button';
     TranslateTexts,
     FiltersGroup,
     BottomNavigation,
-    ColorDisplay,
     FeedbackButton
   ],
   templateUrl: './main.html',

sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.html

@@ -1,6 +1,6 @@
 <div class="bottom-navigation">
   <nav class="navigation">
-    <a class="nav-item" id="privacy_policy_popup" (click)="togglePrivacyPolicy()">
+    <a (click)="togglePrivacyPolicy()" class="nav-item" id="privacy_policy_popup">
       privacy policy
     </a>
     <a class="nav-item">
@@ -20,7 +20,8 @@
   </div>
 
   <!-- Privacy Policy Popup -->
-  <div class="privacy-policy-popup" *ngIf="showPrivacyPolicy">
+  @if (showPrivacyPolicy) {
+    <div class="privacy-policy-popup">
       <div class="popup-overlay" (click)="closePrivacyPolicy()"></div>
       <div class="popup-content">
         <button class="close-button" (click)="closePrivacyPolicy()">
@@ -29,13 +30,16 @@
         <div class="popup-body">
           <h2>Privacy Policy</h2>
           <p>
-          This privacy policy explains how we collect, use, and protect your personal information when you use our services.
+            This privacy policy explains how we collect, use, and protect your personal information when you use our
+            services.
           </p>
           <p>
-          We collect information to provide better services to all our users. This includes information you provide to us, such as your name, email address, and other personal details.
+            We collect information to provide better services to all our users. This includes information you provide to
+            us, such as your name, email address, and other personal details.
           </p>
           <p>
-          We use this information to provide, maintain, and improve our services, develop new ones, and protect our users.
+            We use this information to provide, maintain, and improve our services, develop new ones, and protect our
+            users.
           </p>
           <p>
             We will not share your personal information with anyone except as described in this Privacy Policy.
@@ -46,4 +50,6 @@
         </div>
       </div>
     </div>
+  }
+
 </div>

sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.ts

@@ -1,12 +1,10 @@
 import {Component} from '@angular/core';
 import {RouterLink} from '@angular/router';
-import { NgIf } from '@angular/common';
 
 @Component({
   selector: 'app-bottom-navigation',
   imports: [
     RouterLink,
-    NgIf
   ],
   templateUrl: './bottom-navigation.html',
   styleUrl: './bottom-navigation.scss'