Refactor InputError component usage for consistency

Author: michaelnabil230

resources/js/dashboard/Components/Inputs/FileUpload/FileUpload.vue

@@ -322,7 +322,7 @@ const totalUploadProgress = computed(() => {
             </div>
         </div>
 
-        <InputError v-if="error" :message="error" />
+        <InputError :message="error" />
 
         <input
             :id="id"

resources/js/dashboard/Components/Inputs/InputError.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 defineProps<{
-    message?: string;
+    message?: string | null;
 }>();
 </script>
 
 <template>
-    <p v-show="message" class="mt-2 inline-flex items-center gap-1 text-sm text-red-600">
+    <p v-if="message" class="mt-2 inline-flex items-center gap-1 text-sm text-red-600">
         <svg
             class="size-4"
             xmlns="http://www.w3.org/2000/svg"

resources/js/dashboard/Pages/Auth/Login.vue

@@ -58,7 +58,7 @@ const submit = () => {
                         autocomplete="email"
                     />
 
-                    <InputError v-if="form.errors.email" :message="form.errors.email" />
+                    <InputError :message="form.errors.email" />
                 </div>
 
                 <div>

resources/js/dashboard/Pages/Profile/Partials/UpdateProfileInformationForm.vue

@@ -148,7 +148,7 @@ const clearPhotoFileInput = (): void => {
                             </div>
                         </div>
 
-                        <InputError v-if="form.errors.photo" :message="form.errors.photo" />
+                        <InputError :message="form.errors.photo" />
                     </div>
                     <!-- End Upload Group -->
                 </div>