fix: Update BackToHomeHeader component for responsive design

- Modified the spacer div in the BackToHomeHeader component to be hidden on smaller screens and visible on larger screens, improving layout consistency across devices.

Author: RomaLetodiani

src/components/back-to-home-header.tsx

@@ -14,7 +14,7 @@ export const BackToHomeHeader = ({ title }: BackToHomeHeaderProps) => (
           <span className="font-semibold">Back to Home</span>
         </Link>
         <h1 className="text-2xl font-bold text-brand-mint">{title}</h1>
-        <div className="w-24"></div> {/* Spacer for balance */}
+        <div className="hidden sm:block sm:w-24"></div> {/* Spacer for balance */}
       </div>
     </div>
   </header>