Fix notification header dropdown position

client/src/app/header/notification-dropdown.component.html

@@ -23,7 +23,7 @@
   </a>
 } @else {
   <div
-    ngbDropdown autoClose="outside" placement="bottom" container="body" dropdownClass="dropdown-notifications"
+    ngbDropdown autoClose="outside" placement="bottom-end auto" container="body" dropdownClass="dropdown-notifications"
     #dropdown="ngbDropdown" (openChange)="$event === true ? onDropdownShown() : onDropdownHidden()"
   >
     <button

client/src/app/header/notification-dropdown.component.scss

@@ -5,16 +5,8 @@
   scrollbar-color: auto;
 }
 
-.notification-inbox-dropdown.hidden {
-  display: none;
-}
-
 ::ng-deep {
   .dropdown-notifications {
-    max-width: none;
-    top: -6px !important;
-    left: 7px !important;
-
     .dropdown-menu {
       padding: 0;
       font-size: 14px;

client/src/app/header/notification-dropdown.component.ts

@@ -6,7 +6,7 @@ import { GlobalIconComponent } from '@app/shared/shared-icons/global-icon.compon
 import { LoaderComponent } from '@app/shared/shared-main/common/loader.component'
 import { UserNotificationService } from '@app/shared/shared-main/users/user-notification.service'
 import { UserNotificationsComponent } from '@app/shared/standalone-notifications/user-notifications.component'
-import { NgbDropdown, NgbDropdownModule, NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap'
+import { NgbDropdown, NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap'
 import { Subject, Subscription } from 'rxjs'
 import { filter } from 'rxjs/operators'
 
@@ -17,7 +17,6 @@ import { filter } from 'rxjs/operators'
   standalone: true,
   imports: [
     CommonModule,
-    NgbPopoverModule,
     UserNotificationsComponent,
     GlobalIconComponent,
     LoaderComponent,