fix profile settings test

Author: shawon

eform-client/cypress/e2e/Navbar.page.ts

@@ -68,7 +68,7 @@ export class Navbar {
   }
 
   public myEformsBtn() {
-    return cy.get('#my-eforms').should('be.visible').click();
+    return cy.get('#my-eforms').should('be.visible').click({force: true});
   }
 
   public clickOnSubMenuItem(menuItem) {
@@ -107,7 +107,7 @@ export class Navbar {
         this.advancedBtn();
       }
     });
-    this.applicationSettingsBtn().click();
+    this.applicationSettingsBtn().click({ force: true });
     // Note: Tests should intercept appropriate API calls after navigation
     cy.wait(500);
   }

eform-client/e2e/Page objects/Navbar.page.ts

@@ -277,7 +277,7 @@ export class Navbar {
   }
 
   public async goToMyEForms() {
-    await (await this.myEformsBtn()).click();
+    await (await this.myEformsBtn()).click({force: true});
   }
 
   public async goToSecurity() {

eform-client/src/app/components/footer/footer.component.scss

@@ -56,10 +56,24 @@ body, .theme-dark {
   align-self: stretch;
   background: var(--bg);
   border-top: 1px solid var(--border, #EBEFF2);
+  overflow: hidden;
   &:hover {
-    background: var(--primary-light, #F5FCFC);
-    color: var(--primary, #289694);
+    background-color: var(--mdc-theme-primary-dark, #00695C) !important;
+    color: var(--mdc-theme-on-primary) !important;
     cursor: pointer;
+
+    .info {
+      .name {
+        color: var(--mdc-theme-on-primary) !important;
+      }
+      .email {
+        color: var(--mdc-theme-on-primary) !important;
+      }
+    }
+  }
+
+  .expand-icon{
+    color: var(--text-header);
   }
 }
 
@@ -72,6 +86,8 @@ body, .theme-dark {
   cursor: pointer;
   padding: 0;
   background: transparent;
+  width: 100%;
+  overflow: hidden;
 
   &:hover {
     background: transparent;
@@ -170,8 +186,9 @@ a{
   line-height: var(--Text-line-height-sm, 22px);
 
   &:hover {
-    background: var(--primary-light, #F5FCFC);
-    color: var(--primary, #289694);
+    background-color: var(--mdc-theme-primary-dark, #00695C) !important;
+    color: var(--mdc-theme-on-primary) !important;
+    border-radius: var(--rounded-full, 9999px);
   }
 }
 
@@ -185,6 +202,4 @@ a{
   border: 1px solid var(--border, #EBEFF2);
   background: var(--bg, #FFF);
   box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10);
-
-
 }

eform-client/src/app/components/footer/footer.component.ts

@@ -16,7 +16,6 @@ import {Observable} from "rxjs";
 import {map} from "rxjs/operators";
 import {snakeToCamel} from "src/app/common/helpers";
 
-
 @Component({
   selector: 'app-footer',
   standalone: true,

eform-client/src/app/components/navigation/navigation.component.scss

@@ -58,6 +58,16 @@ mat-tree {
 
         .mat-expansion-panel-header {
           padding-left: 1rem;
+          &:hover{
+            background-color: var(--mdc-theme-primary-dark) !important;
+            color: var(--mdc-theme-on-primary) !important;
+            border-radius: var(--rounded-full);
+            a{
+              span{
+                color: var(--mdc-theme-on-primary) !important;
+              }
+            }
+          }
         }
 
         .mat-expansion-panel-content {