Adds notification center data tip

Author: JWittmeyer

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

@@ -68,8 +68,9 @@
         <div class="flex flex-row flex-nowrap items-center">
             <div class="flex items-center justify-center">
                 <a [routerLink]="['/projects']" class="flex mr-6 tooltip tooltip-left" data-tip="Home page - Projects">
-                    <svg xmlns="http://www.w3.org/2000/svg"
-                        class="icon icon-tabler icon-tabler-home" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-home" width="24"
+                        height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
+                        stroke-linecap="round" stroke-linejoin="round">
                         <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                         <polyline points="5 12 3 12 12 3 21 12 19 12"></polyline>
                         <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path>
@@ -79,7 +80,8 @@
             </div>
 
             <div class="flex items-center justify-center">
-                <a [routerLink]="['/notification-center']" class="flex mr-6">
+                <a [routerLink]="['/notification-center']" class="flex mr-6 tooltip tooltip-left"
+                    data-tip="Notification center">
                     <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                         <path
                             d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z" />
@@ -102,12 +104,11 @@
             </div>
             <div class="flex justify-center overflow-visible">
                 <div *ngIf="user" class=" mr-4">
-                        <kern-dropdown [dropdownOptions]="{
+                    <kern-dropdown [dropdownOptions]="{
                             optionArray: showConfigSettings ? ['Account Settings', 'Change config', 'Logout'] : ['Account Settings', 'Logout'],
                             buttonVersion: 'userIcon',
                             avatarUri: avatarUri
-                        }" (optionClicked)="executeOption($event)"
-                        ></kern-dropdown>
+                        }" (optionClicked)="executeOption($event)"></kern-dropdown>
                 </div>
             </div>
         </div>