Update UI element size and change directory exclusion rule

This commit modifies the size of sun and moon icons in the mode-toggle UI and simplifies the space usage of a flex container in the site header. Furthermore, it updates the path pattern for the directory exclusion rule in tailwind configuration to exclude node_module from all directories.

apps/web/app/(marketing)/_components/site-header.tsx

@@ -18,10 +18,8 @@ export function SiteHeader(props: { user?: User | null }) {
           <SiteNavigation />
         </div>
 
-        <div className={'flex flex-1 items-center justify-end space-x-4'}>
-          <div className={'flex items-center'}>
-            <ModeToggle />
-          </div>
+        <div className={'flex flex-1 items-center justify-end space-x-2'}>
+          <ModeToggle />
 
           <SiteHeaderAccountSection user={props.user ?? null} />
         </div>

packages/ui/src/makerkit/mode-toggle.tsx

@@ -42,8 +42,8 @@ export function ModeToggle() {
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
         <Button variant="ghost" size="icon">
-          <Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
-          <Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+          <Sun className="h-[1rem] w-[1rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+          <Moon className="absolute h-[1rem] w-[1rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
           <span className="sr-only">Toggle theme</span>
         </Button>
       </DropdownMenuTrigger>

tooling/tailwind/index.ts

@@ -6,7 +6,7 @@ export default {
   content: [
     '../../packages/**/*.tsx',
     '../../apps/**/*.tsx',
-    '!./**/node_modules/**',
+    '!**/node_modules',
   ],
   theme: {
     container: {