Add Bootstrap CSS and JS to enable responsive grid layout

- Add Bootstrap 5.3.0 CSS from CDN
- Add Font Awesome 6.4.0 for icons
- Add Bootstrap 5.3.0 JS bundle for interactive components
- This enables the responsive grid system (col-12, col-md-6, col-lg-3) to work properly
- Cards and filter form will now display in horizontal layout as intended

app/templates/base.html

@@ -4,6 +4,10 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{% block title %}Fixture Manager{% endblock %}</title>
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Font Awesome -->
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
     <style>
         body {
             font-family: Arial, sans-serif;
@@ -354,6 +358,8 @@
         {% block content %}{% endblock %}
     </div>
 
+    <!-- Bootstrap JS -->
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
     {% block extra_js %}{% endblock %}
 </body>
 </html>
\ No newline at end of file