Upgrade Tailwind to v4 (#491)

apps/yaak-client/components/responseViewers/EventStreamViewer.tsx

@@ -298,7 +298,7 @@ function SseSummaryFooter({
               <Markdown className="select-auto cursor-auto">{summary}</Markdown>
             </div>
           ) : (
-            <pre className="font-mono whitespace-pre-wrap break-words select-auto cursor-auto">
+            <pre className="font-mono whitespace-pre-wrap wrap-break-word select-auto cursor-auto">
               {summary}
             </pre>
           )

apps/yaak-client/components/responseViewers/MultipartViewer.tsx

@@ -63,7 +63,7 @@ export function MultipartViewer({ data, boundary, idPrefix = "multipart" }: Prop
             <div className="h-5 w-5 overflow-auto flex items-center justify-end">
               <ImageViewer
                 data={part.arrayBuffer}
-                className="ml-auto w-auto rounded overflow-hidden"
+                className="ml-auto w-auto rounded-sm overflow-hidden"
               />
             </div>
           ) : part.filename ? (
@@ -76,7 +76,7 @@ export function MultipartViewer({ data, boundary, idPrefix = "multipart" }: Prop
           // oxlint-disable-next-line react/no-array-index-key -- Nothing else to key on
           key={idPrefix + part.name + i}
           value={tabValue(part, i)}
-          className="pl-3 !pt-0"
+          className="pl-3 pt-0!"
         >
           <Part part={part} />
         </TabContent>

apps/yaak-client/components/responseViewers/TextViewer.tsx

@@ -72,7 +72,7 @@ export function TextViewer({
 
     if (isSearching) {
       nodes.push(
-        <div key="input" className="w-full !opacity-100">
+        <div key="input" className="w-full opacity-100!">
           <Input
             key={filterKey ?? "filter"}
             validate={!filteredResponse.error}
@@ -100,7 +100,7 @@ export function TextViewer({
         icon={isSearching ? "x" : "filter"}
         title={isSearching ? "Close filter" : "Filter response"}
         onClick={toggleSearch}
-        className={classNames("border !border-border-subtle", isSearching && "!opacity-100")}
+        className={classNames("border border-border-subtle!", isSearching && "opacity-100!")}
       />,
     );