FE: Feature: Implement Contact Us Page

## **Description**

Create a responsive Contact Us page for BudgetChain using shadcn/ui components to allow users to reach out for support, feedback, and inquiries.

## **Requirements**

### **Page Components**
- [ ] Contact form with validation using shadcn Form components
- [ ] Company contact information section
- [ ] FAQ section with shadcn Accordion
- [ ] Success/error toast notifications using shadcn Toast

### **Form Fields**
- [ ] Name (required)
- [ ] Email (required, with validation)
- [ ] Subject dropdown (General Inquiry, Support, Feature Request, Bug Report)
- [ ] Message textarea (required, min 10 characters)
- [ ] Submit button with loading states

### **shadcn/ui Components to Use**
```typescript
- Form, FormField, FormItem, FormLabel, FormControl, FormMessage
- Input, Textarea, Select
- Button (with loading spinner)
- Card, CardHeader, CardContent
- Accordion, AccordionItem, AccordionTrigger, AccordionContent
- Toast, useToast
- Badge (for contact methods)
```

## **Acceptance Criteria**
- [ ] Responsive design (mobile-first)
- [ ] Form validation with error messages
- [ ] Form submission with success feedback
- [ ] Accessible form labels and ARIA attributes
- [ ] Loading states during form submission

## **Technical Notes**
- Route: `/contact`
- Form submission should integrate with existing API/email service
- Use React Hook Form with shadcn form components
- Add proper TypeScript types

## **Design Requirements**
- Follow BudgetChain brand colors and typography
- Clean, professional layout
- Consistent with existing page designs