improve responsiveness

src/app/shared/header/header.page.scss

@@ -93,7 +93,7 @@
 
   .icon-badge {
     background-color: red;
-    font-size: 12px;
+    font-size: rem(12);
     color: white;
     text-align: center;
     width:20px;
@@ -105,7 +105,7 @@
   }
 
   .profile-text{
-    font-size: 20px;
+    font-size: rem(20);
     font-weight: 300;
     width: fit-content;
     position: absolute;
@@ -154,11 +154,11 @@
   border: solid 1px #ebebeb;
   .icon{
     color: #797979;
-    width: 45px;
-    height: 45px;
+    width: rem(45);
+    height: rem(45);
     display: flex;
     justify-content: center;
-    font-size: 25px;
+    font-size: rem(25);
     align-items: center;
   }
   .input-text{