Fix Dropdown Item Style Implementation

src/app/components/dropdown/dropdown.scss

@@ -5,6 +5,7 @@
 $border_color: oklch(0 0 0 / 20%);
 $border_dark_color: oklch(1 0 0 / 20%);
 $hover_bg: oklch(0.9702 0 0); // #F5F5F5
+$hover_dark_bg: oklch(0.25 0 0);
 
 $height: 40px;
 $border_radius: 8px;
@@ -116,11 +117,11 @@ $default_animation_duration: 0.2s;
   font-size: 16px;
 
   &:hover, &.focused {
-    background-color: $hover_bg;
+    background-color: light-dark($hover_bg, $hover_dark_bg);
   }
 
   &.selected {
-    background-color: list.nth(library.$brand_palette, 1);
+    background-color: light-dark(list.nth(library.$brand_palette, 1), list.nth(library.$brand_palette, 11));
     color: list.nth(library.$brand_palette, 5);
     font-weight: 600;
   }

src/app/features/header-menu/header-menu.ts

@@ -1,6 +1,5 @@
 import { Component, inject } from '@angular/core';
 import { RouterLink } from '@angular/router';
-import { NgOptimizedImage } from '@angular/common';
 import { PopupService } from '../../services/popup.service';
 import { SettingsPopup } from '../settings/settings';
 import { TranslationService } from '../../services/translation.service';
@@ -8,7 +7,7 @@ import { SettingsService } from '../../services/settings.service';
 
 @Component({
   selector: 'header-menu',
-  imports: [RouterLink, NgOptimizedImage],
+  imports: [RouterLink],
   templateUrl: './header-menu.html',
   styleUrl: './header-menu.scss',
 })