fix: minor improvements from first testing

Author: danieldanielecki

components/Cookie.tsx

@@ -25,7 +25,7 @@ const Cookie: FC = () => {
   return (
     <>
       <button
-        className={`w-fit self-center md:fixed p-2 rounded-2xl md:bottom-1 md:left-1 ${
+        className={`flex items-center justify-center fixed bottom-4 left-4 p-2 rounded-2xl shadow-lg ${
           theme === "dark" ? "bg-white" : "bg-black"
         }`}
         type="button"

components/Header.tsx

@@ -220,13 +220,6 @@ const Header = () => {
                 </a>
               ))}
 
-              {/* Mobile Theme Switch */}
-              <div className="pt-4 border-t border-gray-200 dark:border-gray-800">
-                <div className="flex justify-center">
-                  <ThemeSwitch />
-                </div>
-              </div>
-
               {isAuthenticated && user && (
                 <div className="pt-4 border-t border-gray-200 dark:border-gray-800">
                   <div className="flex items-center space-x-3 mb-4">

components/TrialWarning.tsx

@@ -19,8 +19,8 @@ export const TrialWarning: React.FC = () => {
 
   if (isLoading) {
     return (
-      <div className="fixed top-4 left-1/2 -translate-x-1/2 md:left-8 md:translate-x-0 btn-primary text-white px-8 py-3 rounded-lg shadow-lg z-40">
-        <div className="flex items-center gap-4">
+      <div className="pointer-events-none fixed left-1/2 bottom-4 -translate-x-1/2 md:left-auto md:right-8 md:bottom-4 md:translate-x-0 btn-primary text-white px-8 py-3 rounded-lg shadow-lg z-40">
+        <div className="pointer-events-auto flex items-center gap-4">
           <svg className="w-6 h-6 animate-spin" fill="none" viewBox="0 0 24 24">
             <circle
               className="opacity-25"
@@ -53,8 +53,8 @@ export const TrialWarning: React.FC = () => {
   return (
     <>
       {isInTrial && (
-        <div className="fixed top-4 left-1/2 -translate-x-1/2 md:left-8 md:translate-x-0 bg-amber-600 text-white px-8 py-3 rounded-lg shadow-lg z-40">
-          <div className="flex items-center gap-4">
+        <div className="pointer-events-none fixed left-1/2 bottom-4 -translate-x-1/2 md:left-auto md:right-8 md:bottom-4 md:translate-x-0 bg-amber-600 text-white px-8 py-3 rounded-lg shadow-lg z-40">
+          <div className="pointer-events-auto flex items-center gap-4">
             <svg
               className="w-6 h-6"
               fill="none"
@@ -113,12 +113,6 @@ export const TrialWarning: React.FC = () => {
               >
                 Sign In Now
               </button>
-              <button
-                onClick={() => (window.location.href = "/")}
-                className="w-full bg-slate-600 text-white py-2 px-4 rounded-lg font-medium hover:bg-slate-700 transition-colors"
-              >
-                Go to Home
-              </button>
             </div>
           </div>
         </div>