refactor: update RequestCase component to use UiInput and clean up code

resources/css/Client/ui/select.css

@@ -141,7 +141,7 @@
   @apply absolute !shadow-none bg-white overflow-y-hidden border !border-dominant-100 rounded-xl z-[9999] overflow-visible pb-1;
   transform-origin: top center;
   width: auto !important;
-  min-width: auto !important;
+  /* min-width: auto !important; */
   user-select: none !important;
   -webkit-user-select: none !important;
   -moz-user-select: none !important;

resources/js/Client/components/dashboard/fastRequest/RequestCase.vue

@@ -2,6 +2,7 @@
 import Select from 'primevue/select';
 import { ref } from 'vue';
 import ArchiveCase from './ArchiveCase.vue';
+import UiInput from '../../ui/UiInput.vue';
 
 const isChooseArchive = ref(false);
 
@@ -42,10 +43,16 @@ const neuteredStatus = ref([
     </p>
     <Form ref="formRef" v-slot="$form" class="p-4 grid grid-cols-2 gap-4 !w-full">
         <FormField v-slot="$field" name="name" initialValue="" class="flex flex-col">
-            <InputText 
+            <!-- <InputText
             type="text"
             placeholder="نام"
-            size="large"/>
+            size="large"/> -->
+            <UiInput
+                type="text"
+                size="large"
+                prefixStart="نام"
+                direction="ltr"
+            />
         </FormField>
         <FormField v-slot="$field" name="type" initialValue=""  class="flex flex-col">
             <Select
@@ -163,4 +170,3 @@ const neuteredStatus = ref([
 
 </style>
 
-