refactor(frontend): simplify FormMessage usage by removing redundant classes

Author: Lasim

services/frontend/src/components/ui/form/FormLabel.vue

@@ -15,7 +15,7 @@ const { error, formItemId } = useFormField()
     data-slot="form-label"
     :data-error="!!error"
     :class="cn(
-      'data-[error=true]:text-destructive-foreground',
+      'data-[error=true]:text-destructive',
       props.class,
     )"
     :for="formItemId"

services/frontend/src/components/ui/form/FormMessage.vue

@@ -17,6 +17,6 @@ const { name, formMessageId } = useFormField()
     data-slot="form-message"
     as="p"
     :name="toValue(name)"
-    :class="cn('text-destructive-foreground text-sm', props.class)"
+    :class="cn('text-destructive text-sm', props.class)"
   />
 </template>

services/frontend/src/views/Register.vue

@@ -309,7 +309,7 @@ onMounted(async () => {
                     />
                   </div>
                 </FormControl>
-                <FormMessage class="text-red-600 text-sm mt-1" />
+                <FormMessage />
               </FormItem>
             </FormField>
 
@@ -329,7 +329,7 @@ onMounted(async () => {
                     />
                   </div>
                 </FormControl>
-                <FormMessage class="text-red-600 text-sm mt-1" />
+                <FormMessage />
               </FormItem>
             </FormField>
 
@@ -349,7 +349,7 @@ onMounted(async () => {
                     />
                   </div>
                 </FormControl>
-                <FormMessage class="text-red-600 text-sm mt-1" />
+                <FormMessage />
               </FormItem>
             </FormField>
 
@@ -369,7 +369,7 @@ onMounted(async () => {
                     />
                   </div>
                 </FormControl>
-                <FormMessage class="text-red-600 text-sm mt-1" />
+                <FormMessage />
               </FormItem>
             </FormField>