Replace Bootstrap 3 + SB Admin 2 with Tailwind CSS v4

Complete frontend migration from Bootstrap 3/SB Admin 2 to Tailwind CSS v4
with brand-aligned design tokens (Fuji Blue, Work Sans). Includes:

- Tailwind CSS v4 build pipeline with custom @layer components
- Brand design system: DD color tokens, typography, spacing
- CSS Grid app shell replacing jQuery sidebar
- Alpine.js sidebar toggle replacing jQuery collapse
- All templates migrated: cards, forms, alerts, buttons, modals, tables
- Filter UI overhaul: categorized groups (Search, Severity, Status, Dates,
  Context, Tags, Integrations) with collapsible details/summary sections
- Select2/chosen dropdown styling aligned to design system
- DataTables custom theme (datatables-dd.css)
- Support page text contrast fix for commercial/community boxes
- Responsive polish across all breakpoints
- PDF report templates retain separate styling (future effort)

Author: devGregA

Dockerfile.nginx-alpine

@@ -61,6 +61,8 @@ RUN \
   yarn
 COPY manage.py ./
 COPY dojo/ ./dojo/
+# Build Tailwind CSS
+RUN cd components && yarn build:css
 # always collect static for debug toolbar as we can't make it dependant on env variables or build arguments without breaking docker layer caching
 RUN env DD_SECRET_KEY='.' DD_DJANGO_DEBUG_TOOLBAR_ENABLED=True python3 manage.py collectstatic --noinput --verbosity=2 && true
 

components/node_modules/.gitkeep

@@ -1,40 +1,40 @@
 {
   "name": "defectdojo",
   "version": "2.56.0-dev",
-  "license" : "BSD-3-Clause",
+  "license": "BSD-3-Clause",
   "private": true,
   "dependencies": {
-    "JUMFlot": "jumjum123/JUMFlot#*",
-    "bootstrap": "^3.4.1",
-    "bootstrap-select": "^1.13.18",
-    "bootstrap-social": "^4.0.0",
+    "@fontsource-variable/work-sans": "^5.1",
+    "chart.js": "^4.4",
+    "chartjs-adapter-moment": "^1.0",
+    "alpinejs": "^3.14",
     "bootstrap-wysiwyg": "^2.0.0",
     "chosen-bootstrap": "https://github.com/dbtek/chosen-bootstrap",
     "chosen-js": "^1.8.7",
     "clipboard": "^2.0.11",
+    "htmx.org": "^2.0",
     "datatables.net": "^2.3.7",
+    "datatables.net-buttons": "^3.2.0",
     "datatables.net-buttons-bs": "^3.2.6",
     "datatables.net-colreorder": "^2.1.2",
-    "drmonty-datatables-plugins": "^1.0.0",
-    "drmonty-datatables-responsive": "^1.0.0",
     "easymde": "^2.20.0",
-    "flot": "flot/flot#~0.8.3",
-    "font-awesome": "^4.0.0",
+    "flatpickr": "^4.6",
     "fullcalendar": "^3.10.2",
-    "google-code-prettify": "^1.0.0",
     "jquery": "^3.7.1",
-    "jquery-highlight": "3.5.0",
     "jquery-ui": "1.14.2",
-    "jquery.cookie": "1.4.1",
-    "jquery.flot.tooltip": "^0.9.0",
     "jquery.hotkeys": "jeresig/jquery.hotkeys#master",
     "jszip": "^3.10.1",
-    "justgage": "^1.7.0",
-    "metismenu": "~3.0.7",
     "moment": "^2.30.1",
-    "morris.js": "morrisjs/morris.js",
-    "pdfmake": "^0.3.4",
-    "startbootstrap-sb-admin-2": "1.0.7"
+    "pdfmake": "^0.3.4"
+  },
+  "devDependencies": {
+    "@tailwindcss/cli": "^4.1",
+    "@tailwindcss/forms": "^0.5",
+    "tailwindcss": "^4.1"
+  },
+  "scripts": {
+    "build:css": "npx @tailwindcss/cli -i tailwind.css -o ../dojo/static/dojo/css/tailwind-out.css --minify",
+    "watch:css": "npx @tailwindcss/cli -i tailwind.css -o ../dojo/static/dojo/css/tailwind-out.css --watch"
   },
   "engines": {
     "yarn": ">= 1.0.0"