added auth component to layout component (accidently removed before)

.gitignore

@@ -36,4 +36,6 @@ next-env.d.ts
 
 
 # root env
-.env
+.env
+# Local Netlify folder
+.netlify

components/Auth.jsx

@@ -8,6 +8,7 @@ import { userContext } from "@/context/userContext";
 const Auth = () => {
  const { setUser } = useContext(userContext);
  const { formState, setFormState } = useContext(AuthFormContext);
+ console.log(formState)
  const [state, setState] = useState("login");
  const [focus, setFocus] = useState({
  username: false,

components/Layout.jsx

@@ -1,9 +1,11 @@
+import Auth from "./Auth";
 import Navbar from "./Navbar";
 
 const Layout = ({ children }) => {
  return (
  <div>
  <Navbar />
+ <Auth/>
  {children}
  </div>
  );

context/authFormContext.jsx

@@ -4,6 +4,7 @@ export const AuthFormContext = createContext(null);
 
 export const AuthFormContextProvider = ({ children }) => {
  const [formState, setFormState] = useState(false);
+
  return (
  <AuthFormContext.Provider value={{ formState, setFormState }}>
  {children}

pages/movie/theme/[theme].jsx

@@ -42,7 +42,7 @@ const MovieByName = ({ images, initialResult, error, theme }) => {
  return () => {
  window.removeEventListener("scroll", handleScroll);
  };
- }, [loading]);
+ }, [fetchMovies]); // Include fetchMovies in the dependency array
 
  if (error) {
  return (

styles/Auth.module.scss

@@ -153,7 +153,7 @@
 }
 
 .display {
- display: flex;
+ display: flex; 
 }
 
 @media only screen and (max-width: 800px) {