Add prettier and plugin for tailwind; Adapted global css for light and dark theme

components/Header/index.tsx

@@ -9,7 +9,7 @@ const Header: React.FC<HeaderProps> = ({ onMenuClick }) => {
   return (
     <header
       data-cmp="Header"
-      className="h-16 bg-card border-b border-border sticky top-0 z-20 px-4 md:px-8 flex items-center justify-between"
+      className="header h-16 border-b border-border sticky top-0 z-20 px-4 md:px-8 flex items-center justify-between"
     >
       <div className="flex items-center md:hidden">
         <button title="Menu" onClick={onMenuClick} className="p-2 -ml-2 text-foreground hover:bg-muted rounded-md">