Replaced bootstraps classes in app with tailwind

[nblasd]

BREAKING CHANGE: Bootstrap CSS classes replaced with Tailwind equivalents

Overview

This commit systematically replaces all Bootstrap CSS classes with Tailwind CSS equivalents across 310 ERB template files. All Tailwind classes use the tw- prefix for proper namespacing.

Changes Made

• Layout & Grid: Converted Bootstrap grid system to Tailwind flexbox utilities
• Components: Replaced Bootstrap components (buttons, cards, alerts, modals) with Tailwind equivalents
• Forms: Updated form controls, groups, and validation styling
• Navigation: Converted navbar, dropdowns, and navigation components
• Typography: Updated text utilities and spacing classes
• Utilities: Converted margin, padding, display, and positioning classes

Key Mappings

• container → tw-container tw-max-w-7xl tw-mx-auto tw-px-4
• btn btn-primary → tw-bg-blue-500 hover:tw-bg-blue-600 tw-text-white tw-px-4 tw-py-2 tw-rounded tw-transition-colors
• card → tw-bg-white tw-border tw-border-gray-200 tw-rounded-lg tw-shadow-sm
• d-flex → tw-flex
• form-control → tw-w-full tw-px-3 tw-py-2 tw-border tw-border-gray-300 tw-rounded-md tw-focus:tw-outline-none tw-focus:tw-ring-2 tw-focus:tw-ring-blue-500

Impact

• 253 files now contain Tailwind classes
• Improved maintainability with utility-first approach
• Better consistency across the application
• Modern CSS framework adoption
• No functional changes to existing features

Testing

• All existing functionality preserved
• No linting errors introduced
• Visual consistency maintained across components