Update tailwind css and cleanup classNames (#10107)

* Bump tailwindcss from 3.3.5 to 3.4.1 in /web

Bumps [tailwindcss](https://github.com/tailwindlabs/tailwindcss) from 3.3.5 to 3.4.1.
- [Release notes](https://github.com/tailwindlabs/tailwindcss/releases)
- [Changelog](https://github.com/tailwindlabs/tailwindcss/blob/master/CHANGELOG.md)
- [Commits](https://github.com/tailwindlabs/tailwindcss/compare/v3.3.5...v3.4.1)

---
updated-dependencies:
- dependency-name: tailwindcss
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

* Update tailwind css and cleanup

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

web/src/components/navigation/Bottombar.tsx

@@ -4,7 +4,7 @@ import SettingsNavItems from "../settings/SettingsNavItems";
 
 function Bottombar() {
   return (
-      <div className="absolute h-16 left-4 bottom-0 right-4 flex flex-row items-center justify-between">
+      <div className="absolute h-16 inset-x-4 bottom-0 flex flex-row items-center justify-between">
         {navbarLinks.map((item) => (
           <NavItem
             className=""

web/src/components/navigation/NavItem.tsx

@@ -52,7 +52,7 @@ export default function NavItem({
           }
         >
           <TooltipTrigger>
-            <Icon className="w-5 h-5 m-[6px]" />
+            <Icon className="size-5 md:m-[6px]" />
           </TooltipTrigger>
         </NavLink>
         <TooltipContent side="right">

web/src/components/navigation/Sidebar.tsx

@@ -5,7 +5,7 @@ import NavItem from "./NavItem";
 
 function Sidebar() {
   return (
-    <aside className="w-[52px] z-10 h-screen sticky top-0 overflow-y-auto scrollbar-hidden py-4 flex flex-col justify-between">
+    <aside className="absolute w-[52px] z-10 left-o inset-y-0 overflow-y-auto scrollbar-hidden py-4 flex flex-col justify-between">
       <span tabIndex={0} className="sr-only" />
       <div className="w-full flex flex-col gap-0 items-center">
         <Logo className="w-8 h-8 mb-6" />