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/app/(marketing)/_components/site-header-account-section.tsx

@@ -84,7 +84,7 @@ function AuthButtons() {
 
           <ArrowRightIcon
             className={
-              'ml-1 h-4 w-4 transition-transform duration-500 group-hover:translate-x-1'
+              'ml-1 h-4 w-4 transition-transform duration-500 group-hover:translate-x-1 hidden lg:block'
             }
           />
         </Link>