feat: updated app to tailwind 4.x

src/components/Dialog/NewDeviceDialog.tsx

@@ -19,7 +19,7 @@ import {
 } from "@components/UI/Tabs.tsx";
 import { Subtle } from "@components/UI/Typography/Subtle.tsx";
 import { AlertCircle, InfoIcon } from "lucide-react";
-import { Fragment } from "react/jsx-runtime";
+import { Fragment, type JSX } from "react/jsx-runtime";
 import { Link } from "../UI/Typography/Link";
 
 export interface TabElementProps {
@@ -78,9 +78,9 @@ const ErrorMessage = ({ missingFeatures }: FeatureErrorProps) => {
   };
 
   return (
-    <Subtle className="flex flex-col items-start gap-2 text-black bg-red-200/80 p-4 rounded-md">
+    <Subtle className="flex flex-col items-start gap-2 text-slate-900 bg-red-200/80 p-4 rounded-md">
       <div className="flex items-center gap-2 w-full">
-        <AlertCircle size={40} className="mr-2 flex-shrink-0" />
+        <AlertCircle size={40} className="mr-2 shrink-0" />
         <div className="flex flex-col gap-3">
           <p className="text-sm">
             {browserFeatures.length > 0 && (