change date type for req & design and fields & add requests & fix bug appointment and dashboard

app/component/Field.js

@@ -14,7 +14,7 @@ function Field({
     <TextField
       {...props}
       size="small"
-      defaultValue={value}
+      defaultValue={value || ""}
       type={type || "text"}
       multiline={!!multiline}
       rows={!!multiline ? 4 : 1}

app/globals.css

@@ -440,7 +440,14 @@ html {
 
 .icon-keyboard_double_arrow_right,
 .icon-keyboard_double_arrow_left {
-  display: none !important;
+  color: transparent !important;
+}
+
+.icon-keyboard_double_arrow_right::before,
+.icon-keyboard_double_arrow_left::before {
+  background: url(../public/assets/icons/double-right.svg);
+  width: 24px;
+  height: 24px;
 }
 
 .icon-chevron-right::before,
@@ -451,7 +458,8 @@ html {
   height: 24px;
 }
 
-.icon-chevron-left::before {
+.icon-chevron-left::before,
+.icon-keyboard_double_arrow_left::before {
   rotate: 180deg;
 }