Update CSS classes for multiple components

The commit refactors CSS classes of multiple components to improve the visual consistency across different resolutions. The changes include adjusting margin, padding, fonts, and adding hover states to some elements. Furthermore, the logo size has been made responsive for both small and large views.

apps/web/components/app-logo.tsx

@@ -12,7 +12,7 @@ function LogoImage({
   return (
     <svg
       width={width}
-      className={cn(`w-[95px]`, className)}
+      className={cn(`w-[80px] lg:w-[95px]`, className)}
       viewBox="0 0 733 140"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"