fix: some style issues

Author: raminr77

src/app/globals.scss

@@ -29,6 +29,10 @@ body {
   font-family: Arial, Helvetica, sans-serif;
 }
 
+button {
+  cursor: pointer;
+}
+
 ::-webkit-scrollbar {
   width: 6px;
 }

src/layout/components/header/index.tsx

@@ -19,7 +19,9 @@ export function Header() {
   const pageTitle = pageTitleGenerator(pathname);
 
   return (
-    <header className="fixed top-0 z-50 flex w-full items-center justify-center pt-5 backdrop-blur-sm md:pt-10 lg:pt-16">
+    <header className={clsx("fixed top-0 z-50 flex w-full items-center justify-center pt-5 md:pt-10 lg:pt-16", {
+      'backdrop-blur-sm': pathname !== ROUTES.HOME
+    })}>
       <nav className="flex w-11/12 flex-row-reverse items-center justify-between p-3">
         <BurgerMenu />
         <div