refactor(ui): migrate tailwindcss v3 to v4 (#2735)

## Description:

migrate tailwindcss v3 to v4

## Please complete the following:

- [X] I have added screenshots for all UI updates
- [X] I process any text displayed to the user through translateText()
and I've added it to the en.json file
- [X] I have added relevant tests to the test directory
- [X] I confirm I have thoroughly tested these changes and take full
responsibility for any bugs introduced

## Please put your Discord username so you can be contacted if a bug or
regression is found:

wraith4081

---------

Co-authored-by: iamlewis <lewismmmm@gmail.com>
Co-authored-by: Ryan <7389646+ryanbarlow97@users.noreply.github.com>

src/client/components/ui/ActionButton.ts

@@ -25,9 +25,9 @@ const TEXT_SIZE =
 const getButtonStyles = () => {
   const btnBase =
     "group w-full min-w-[50px] select-none flex flex-col items-center justify-center " +
-    "gap-1 rounded-lg py-1.5 border border-white/10 bg-white/[0.04] shadow-sm " +
+    "gap-1 rounded-lg py-1.5 border border-white/10 bg-white/4 shadow-xs " +
     "transition-all duration-150 " +
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/20 " +
+    "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-white/20 " +
     "active:translate-y-[1px]";
 
   return {