Update Contact form tests after removing required from project type

Author: webstackdev

src/components/Pages/Contact/client/feedback.ts

@@ -43,8 +43,8 @@ export const clearFieldFeedback = (
   field.input.setAttribute('aria-invalid', 'false')
 }
 
-const setOpacity = (label: HTMLLabelElement, _hasText: boolean): void => {
-  label.style.removeProperty('opacity')
+const setOpacity = (label: HTMLLabelElement, hasText: boolean): void => {
+  label.style.opacity = hasText ? '0' : '0.5'
 }
 
 export interface LabelController {

src/components/Pages/Contact/index.astro

@@ -267,6 +267,7 @@ const { content } = Astro.props
                       <select
                         id="budget"
                         name="budget"
+                        required
                         class="w-full px-4 py-3 border-2 border-trim rounded-xl bg-note-inverse/25 focus:border-spotlight focus:ring-0 focus:outline-none focus-visible:border-spotlight focus-visible:outline-2 focus-visible:outline-spotlight focus-visible:outline-offset-2 focus-visible:rounded-none transition-colors duration-200 cursor-pointer"
                       >
                         {content.form.project.budgetOptions.map((item) => (