fix responsive all page & add modal doctor id & page dashboard aside

app/globals.css

@@ -248,8 +248,27 @@ html {
     background: url(../public/assets/images/bg-head-menu.png);
 }
 
+.w-full-icon svg {
+    width: 100%;
+    height: 100%;
+}
+
+@media (max-width: 768px) {
+    .res-field-account .MuiInputBase-input.MuiOutlinedInput-input {
+        padding-top: 10px;
+        padding-bottom: 10px;
+    }
+}
+
 /* Hidden Scroll */
 
+.MuiPaper-root {
+    box-shadow: 0px 0px 18px 0px rgba(187, 187, 187, 0.25) !important;
+    border-radius: 4px !important;
+    border: 1px solid var(--colors-gray-50, #EFEFEF) !important;
+    background: var(--colors-white, #FFF) !important;
+}
+
 .hidden-scroll::-webkit-scrollbar-thumb,
 .MuiTabs-scroller::-webkit-scrollbar-thumb {
     background: transparent;
@@ -265,6 +284,20 @@ html {
     animation-duration: 1s;
 }
 
+.retry-icon svg {
+    animation: rotate 1s;
+}
+
+@keyframes rotate {
+    from {
+        rotate: 90;
+    }
+
+    to {
+        rotate: -360deg;
+    }
+}
+
 @keyframes loadPageOpacity {
     0% {
         opacity: 0;