chore: update tailwind to v4

As is customary in the JS world EVERYTHING must break with each major version

frontend/src/styles/_tailwind.scss

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

frontend/src/styles/style.scss

@@ -1,11 +1,11 @@
 @import "variables";
 @import "font-awesome.scss";
-@import "tailwind.scss";
 @import "bootstrap.scss";
 @import "datepicker.scss";
 @import "tom-select.scss";
 @import "animations.scss";
 @import "scrollbar.scss";
+@import "./tailwind.css";
 
 .sticky-sidebar {
   position: sticky;

frontend/src/styles/tailwind.css

@@ -0,0 +1,2 @@
+@import "tailwindcss" prefix(tw) source("../../../app/templates/");
+@custom-variant dark (&:where([data-bs-theme=dark], [data-bs-theme=dark] *));