Replace component includes with new custom elements for consistency

Replaces Django template includes with custom HTML elements like `<c-button>` and `<c-auth_modal>` across various templates, ensuring consistent component usage and improving maintainability. This change also includes updates to URL routing for component testing compatibility and a visual regression report confirming no design changes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: dcfff319-6e91-4220-98a9-8295b87755b7
Replit-Commit-Checkpoint-Type: intermediate_checkpoint

backend/templates/components/ui/button.html

@@ -1,6 +1,6 @@
 {% comment %}
 Button Component - Django Template Version of shadcn/ui Button
-Usage: {% include 'components/ui/button.html' with variant='default' size='default' text='Click me' %}
+Usage: <c-button variant="default" size="default">Click me</c-button>
 {% endcomment %}
 
 {% load static %}

backend/templates/components/ui/card.html

@@ -1,6 +1,6 @@
 {% comment %}
 Card Component - Django Template Version of shadcn/ui Card
-Usage: {% include 'components/ui/card.html' with title='Card Title' content='Card content' %}
+Usage: <c-card title="Card Title" content="Card content" />
 {% endcomment %}
 
 <div class="rounded-lg border bg-card text-card-foreground shadow-sm {{ class|default:'' }}">

backend/templates/components/ui/input.html

@@ -1,6 +1,6 @@
 {% comment %}
 Input Component - Django Template Version of shadcn/ui Input
-Usage: {% include 'components/ui/input.html' with type='text' placeholder='Enter text...' name='field_name' %}
+Usage: <c-input type="text" placeholder="Enter text..." name="field_name" />
 {% endcomment %}
 
 <input