[BUG] : Create Group page has misaligned forms, no proper alert system, and dark mode UI issues

[Dhairya1890]

Description

The "Create a Study Group" page has several styling, accessibility, and dark mode issues that make it inconsistent with other form pages in the project

Issues

1. No form error feedback — When a user submits an invalid form, there is no visible error banner or per-field error messages. The page silently re-renders with no indication of what went wrong.

2. form.as_p instead of field loop — The form is rendered using {{ form.as_p }}, which outputs unstyled

   tags and Django's default labels. Other templates in the project use {% for field in form %} loops with custom labels and per-field error display.

3. Inline <style> with raw CSS — A global <style> block applies border: 1px solid #ccc to all form input, form textarea, and form select elements. This is overly broad and doesn't use Tailwind classes or scoped selectors.

4. Broken dark mode on form inputs — In dark mode, input fields retain a white background and dark text, making them unreadable against the dark card (dark:bg-gray-800). No dark: overrides exist for form widgets.

5. Limited responsiveness — The container uses max-w-md with fixed padding, which can feel cramped on larger screens and doesn't adapt well across breakpoints.

Screenshots