diff --git a/apiFunctions/generate.tsx b/apiFunctions/generate.tsx
index eae6564..0b5dc3d 100644
--- a/apiFunctions/generate.tsx
+++ b/apiFunctions/generate.tsx
@@ -1,7 +1,5 @@
 import Request from "../utils/request";
 
-
-
 export interface ChatGeneration {
   answer: string;
   chat_history: any;
diff --git a/components/Header.tsx b/components/Header.tsx
index 039decc..f2156c2 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -27,20 +27,33 @@ const Header = () => {
         </p>
         <div className="ml-2">
           <Tooltip message={"Follow us on Twitter!"}>
-            <a href="https://twitter.com/ShriKrishna" target="_blank" rel="noreferrer">
-              <Image src="/icons8-twitter-96.png" alt="Twitter" width={20} height={20} />
+            <a
+              href="https://twitter.com/ShriKrishna"
+              target="_blank"
+              rel="noreferrer"
+            >
+              <Image
+                src="/icons8-twitter-96.png"
+                alt="Twitter"
+                width={20}
+                height={20}
+              />
             </a>
           </Tooltip>
         </div>
         <div className="ml-1">
           <Tooltip message={"Gita AI is open source. Come contribute."}>
             <a href="https://github.com/gita" target="_blank" rel="noreferrer">
-              <Image src="/icons8-github-90.png" alt="Github" width={20} height={20} />
+              <Image
+                src="/icons8-github-90.png"
+                alt="Github"
+                width={20}
+                height={20}
+              />
             </a>
           </Tooltip>
         </div>
       </div>
-
     </header>
   );
 };
diff --git a/components/Input/index.tsx b/components/Input/index.tsx
index 3f3518b..9eb6432 100644
--- a/components/Input/index.tsx
+++ b/components/Input/index.tsx
@@ -1,5 +1,5 @@
-import SupaAuthModal from '@/components/auth/SupaAuthModal'
-import { useCookies } from 'react-cookie';
+import SupaAuthModal from "@/components/auth/SupaAuthModal";
+import { useCookies } from "react-cookie";
 
 import React, { useState, SetStateAction, useEffect } from "react";
 import SuggestionBox from "./SuggestionBox";
@@ -31,21 +31,20 @@ const Input = ({
   const plausible = usePlausible();
   const [loading, setLoading] = useState<boolean>(false);
   const [chatHistory, setChatHistory] = useState<Array<string>>([]);
-  const [open,setOpen] = useState<boolean>(false);
-  const [cookies, setCookie, removeCookie] = useCookies(['Token']);
+  const [open, setOpen] = useState<boolean>(false);
+  const [cookies, setCookie, removeCookie] = useCookies(["Token"]);
 
   useEffect(() => {
     const token = cookies?.Token;
     if (token) {
       setOpen(false);
-    }
-    else{
+    } else {
       setOpen(true);
     }
-  }, [])
+  }, []);
 
   const token = cookies?.Token;
-  console.log(token)
+  console.log(token);
 
   const handleGenerate = async () => {
     try {
@@ -161,7 +160,7 @@ const Input = ({
       </div>
       <SupaAuthModal open={open} setOpen={setOpen} />
     </div>
-  )
-}
+  );
+};
 
 export default Input;
diff --git a/components/Tooltip.tsx b/components/Tooltip.tsx
index f26c3f7..78810d7 100644
--- a/components/Tooltip.tsx
+++ b/components/Tooltip.tsx
@@ -1,15 +1,17 @@
-import React from 'react';
+import React from "react";
 
 interface TooltipProps {
-    message: string;
-    children: React.ReactNode;
+  message: string;
+  children: React.ReactNode;
 }
 
 export default function Tooltip({ message, children }: TooltipProps) {
-    return (
-        <div className="group relative flex">
-            {children}
-            <span className="absolute top-10 scale-0 transition-all rounded bg-gray-800 p-2 text-xs text-white group-hover:scale-100">{message}</span>
-        </div>
-    )
+  return (
+    <div className="group relative flex">
+      {children}
+      <span className="absolute top-10 scale-0 transition-all rounded bg-gray-800 p-2 text-xs text-white group-hover:scale-100">
+        {message}
+      </span>
+    </div>
+  );
 }
diff --git a/components/auth/SupaAuthModal.tsx b/components/auth/SupaAuthModal.tsx
index b33a8c7..0766fc7 100644
--- a/components/auth/SupaAuthModal.tsx
+++ b/components/auth/SupaAuthModal.tsx
@@ -1,92 +1,103 @@
-import { createClient } from '@supabase/supabase-js'
-import { Auth, ThemeSupa } from '@supabase/auth-ui-react'
+import { createClient } from "@supabase/supabase-js";
+import { Auth, ThemeSupa } from "@supabase/auth-ui-react";
 
-import { Fragment, SetStateAction, useState } from 'react'
-import { Dialog, Transition } from '@headlessui/react'
-import { CheckIcon } from '@heroicons/react/24/outline'
-import { useCookies } from 'react-cookie';
+import { Fragment, SetStateAction, useState } from "react";
+import { Dialog, Transition } from "@headlessui/react";
+import { CheckIcon } from "@heroicons/react/24/outline";
+import { useCookies } from "react-cookie";
 
+export default function AuthModal({
+  open,
+  setOpen,
+}: {
+  open: boolean;
+  setOpen: React.Dispatch<SetStateAction<boolean>>;
+}) {
+  const supabase = createClient(
+    process.env.NEXT_PUBLIC_SUPABASE_URL as string,
+    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY as string
+  );
+  const [cookies, setCookie, removeCookie] = useCookies(["Token"]);
 
+  supabase.auth.onAuthStateChange(async (event, session) => {
+    if (event === "SIGNED_IN") {
+      setCookie("Token", session?.access_token);
+      setOpen(false);
+    }
+  });
 
-export default function AuthModal({ open, setOpen }: { open: boolean, setOpen: React.Dispatch<SetStateAction<boolean>> }) {
-    const supabase = createClient(process.env.NEXT_PUBLIC_SUPABASE_URL as string, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY as string)
-    const [cookies, setCookie, removeCookie] = useCookies(['Token']);
+  return (
+    <Transition.Root show={open} as={Fragment}>
+      <Dialog as="div" className="relative z-10" onClose={setOpen}>
+        <Transition.Child
+          as={Fragment}
+          enter="ease-out duration-300"
+          enterFrom="opacity-0"
+          enterTo="opacity-100"
+          leave="ease-in duration-200"
+          leaveFrom="opacity-100"
+          leaveTo="opacity-0"
+        >
+          <div className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" />
+        </Transition.Child>
 
-    supabase.auth.onAuthStateChange(async (event,session) => {
-        if (event === 'SIGNED_IN') {
-            setCookie("Token", session?.access_token);
-            setOpen(false);
-        }
-        })
-        
-    return (
-        <Transition.Root show={open} as={Fragment}>
-            <Dialog as="div" className="relative z-10" onClose={setOpen}>
-                <Transition.Child
-                    as={Fragment}
-                    enter="ease-out duration-300"
-                    enterFrom="opacity-0"
-                    enterTo="opacity-100"
-                    leave="ease-in duration-200"
-                    leaveFrom="opacity-100"
-                    leaveTo="opacity-0"
-                >
-                    <div className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" />
-                </Transition.Child>
-
-                <div className="fixed inset-0 z-10 overflow-y-auto">
-                    <div className="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
-                        <Transition.Child
-                            as={Fragment}
-                            enter="ease-out duration-300"
-                            enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-                            enterTo="opacity-100 translate-y-0 sm:scale-100"
-                            leave="ease-in duration-200"
-                            leaveFrom="opacity-100 translate-y-0 sm:scale-100"
-                            leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-                        >
-                            <Dialog.Panel className="relative transform overflow-hidden rounded-lg bg-white px-4 pt-5 pb-4 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-sm sm:p-6">
-                                <div>
-                                    <div className="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-green-100">
-                                        <CheckIcon className="h-6 w-6 text-green-600" aria-hidden="true" />
-                                    </div>
-                                    <div className="mt-3 text-center sm:mt-5">
-                                        <Dialog.Title as="h3" className="text-lg font-medium leading-6 text-gray-900">
-                                            Login/Signup
-                                        </Dialog.Title>
-                                        <Auth
-                                            supabaseClient={supabase}
-                                            appearance={{
-                                                theme: ThemeSupa,
-                                                variables: {
-                                                    default: {
-
-                                                        colors: {
-                                                            brand: '#F48B11',
-                                                            brandAccent: 'darkred',
-                                                        },
-                                                    },
-                                                },
-                                            }}
-                                            providers={['google']}
-
-                                        />
-                                    </div>
-                                </div>
-                                <div className="mt-5 sm:mt-6">
-                                    <button
-                                        type="button"
-                                        className="inline-flex w-full justify-center rounded-md border border-transparent bg-primary-500 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 sm:text-sm"
-                                        onClick={() => setOpen(false)}
-                                    >
-                                        Back
-                                    </button>
-                                </div>
-                            </Dialog.Panel>
-                        </Transition.Child>
-                    </div>
+        <div className="fixed inset-0 z-10 overflow-y-auto">
+          <div className="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
+            <Transition.Child
+              as={Fragment}
+              enter="ease-out duration-300"
+              enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+              enterTo="opacity-100 translate-y-0 sm:scale-100"
+              leave="ease-in duration-200"
+              leaveFrom="opacity-100 translate-y-0 sm:scale-100"
+              leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+            >
+              <Dialog.Panel className="relative transform overflow-hidden rounded-lg bg-white px-4 pt-5 pb-4 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-sm sm:p-6">
+                <div>
+                  <div className="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-green-100">
+                    <CheckIcon
+                      className="h-6 w-6 text-green-600"
+                      aria-hidden="true"
+                    />
+                  </div>
+                  <div className="mt-3 text-center sm:mt-5">
+                    <Dialog.Title
+                      as="h3"
+                      className="text-lg font-medium leading-6 text-gray-900"
+                    >
+                      Login/Signup
+                    </Dialog.Title>
+                    <Auth
+                      supabaseClient={supabase}
+                      appearance={{
+                        theme: ThemeSupa,
+                        variables: {
+                          default: {
+                            colors: {
+                              brand: "#F48B11",
+                              brandAccent: "darkred",
+                            },
+                          },
+                        },
+                      }}
+                      providers={["google"]}
+                    />
+                  </div>
+                </div>
+                <div className="mt-5 sm:mt-6">
+                  <button
+                    type="button"
+                    className="inline-flex w-full justify-center rounded-md border border-transparent bg-primary-500 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 sm:text-sm"
+                    onClick={() => setOpen(false)}
+                  >
+                    Back
+                  </button>
                 </div>
-            </Dialog>
-        </Transition.Root>
-    )
+              </Dialog.Panel>
+            </Transition.Child>
+          </div>
+        </div>
+      </Dialog>
+    </Transition.Root>
+  );
 }
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 946b480..2bef75b 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,8 +1,8 @@
-import '@/styles/globals.css'
-import { createBrowserSupabaseClient } from '@supabase/auth-helpers-nextjs'
-import { SessionContextProvider, Session } from '@supabase/auth-helpers-react'
-import { useState } from 'react'
-import { CookiesProvider } from 'react-cookie';
+import "@/styles/globals.css";
+import { createBrowserSupabaseClient } from "@supabase/auth-helpers-nextjs";
+import { SessionContextProvider, Session } from "@supabase/auth-helpers-react";
+import { useState } from "react";
+import { CookiesProvider } from "react-cookie";
 import "@/styles/globals.css";
 import type { AppProps } from "next/app";
 import PlausibleProvider from "next-plausible";
@@ -21,21 +21,22 @@ const GA_SCRIPT_TAG = `
   });
 `;
 
-
-export default function App({ Component, pageProps }: AppProps<{
-  initialSession: Session
+export default function App({
+  Component,
+  pageProps,
+}: AppProps<{
+  initialSession: Session;
 }>) {
-
-  const [supabaseClient] = useState(() => createBrowserSupabaseClient())
+  const [supabaseClient] = useState(() => createBrowserSupabaseClient());
   return (
     <PlausibleProvider domain="bhagavadgita.ai" trackOutboundLinks>
-       <CookiesProvider>
-      <SessionContextProvider
-      supabaseClient={supabaseClient}
-      initialSession={pageProps.initialSession}
-    >
-        <Component {...pageProps} />
-      </SessionContextProvider>
+      <CookiesProvider>
+        <SessionContextProvider
+          supabaseClient={supabaseClient}
+          initialSession={pageProps.initialSession}
+        >
+          <Component {...pageProps} />
+        </SessionContextProvider>
       </CookiesProvider>
       <Script
         strategy="lazyOnload"
diff --git a/pages/api/generate.ts b/pages/api/generate.ts
index 23ce606..022b9d2 100644
--- a/pages/api/generate.ts
+++ b/pages/api/generate.ts
@@ -1,36 +1,43 @@
-const axios = require('axios');
-import { createClient } from '@supabase/supabase-js'
+const axios = require("axios");
+import { createClient } from "@supabase/supabase-js";
 
 export default async function handler(req: any, res: any) {
+  if (req.method === "POST") {
+    // Process a POST request
+    const supabase = createClient(
+      process.env.NEXT_PUBLIC_SUPABASE_URL as string,
+      process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY as string
+    );
+    const {
+      data: { user },
+    } = await supabase.auth.getUser(req.headers.token as string);
+    if (!user) {
+      return res.status(401).json({ error: "Not authorized" });
+    }
+    let axiosConfig = {
+      headers: {
+        "Content-Type": "application/json;charset=UTF-8",
+        "Access-Control-Allow-Origin": "*",
+        "X-API-KEY": process.env.SANATAN_AI_API_KEY,
+      },
+    };
+    let question = req.body.question;
+    let chat_history = req.body.chat_history;
 
-    
-    if (req.method === 'POST') {
-      // Process a POST request
-    const supabase = createClient(process.env.NEXT_PUBLIC_SUPABASE_URL as string, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY as string)
-      const { data: { user } } = await supabase.auth.getUser(req.headers.token as string)
-      if (!user) {
-        return res.status(401).json({ error: 'Not authorized' })
-      }
-      let axiosConfig = {
-        headers: {
-            'Content-Type': 'application/json;charset=UTF-8',
-            "Access-Control-Allow-Origin": "*",
-            'X-API-KEY': process.env.SANATAN_AI_API_KEY,
-        }
-      };
-        let question = req.body.question;
-        let chat_history = req.body.chat_history;
+    let payload = {
+      question: question,
+      chat_history: chat_history,
+    };
 
-        let payload ={
-            question: question,
-            chat_history:chat_history
-        }
-        
-        let generations = await axios.post(`${process.env.SANATAN_AI_API_URL}content/bhagavad_gita`, payload,axiosConfig);
+    let generations = await axios.post(
+      `${process.env.SANATAN_AI_API_URL}content/bhagavad_gita`,
+      payload,
+      axiosConfig
+    );
 
-        let data = generations.data;
-        return res.json(data);
-    } else {
-        return res.status(200).json({ message: 'Radhey Radhey Dear Devotee' })
-    }
-  }
\ No newline at end of file
+    let data = generations.data;
+    return res.json(data);
+  } else {
+    return res.status(200).json({ message: "Radhey Radhey Dear Devotee" });
+  }
+}
diff --git a/pages/index.tsx b/pages/index.tsx
index 150ce60..498d33f 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,29 +1,27 @@
-import ChatSection from '@/components/ChatSection'
-import Header from '@/components/Header'
-import Input from '@/components/Input'
-import Navbar from '@/components/Navbar'
-import { useEffect, useState } from 'react'
-import Head from 'next/head'
-import { useCookies } from 'react-cookie';
-import { useRouter } from 'next/router'
+import ChatSection from "@/components/ChatSection";
+import Header from "@/components/Header";
+import Input from "@/components/Input";
+import Navbar from "@/components/Navbar";
+import { useEffect, useState } from "react";
+import Head from "next/head";
+import { useCookies } from "react-cookie";
+import { useRouter } from "next/router";
 
 export default function Home() {
-
-  const [showSuggestions, setShowSuggestions] = useState<boolean>(true)
-  const [input, setInput] = useState<string>('');
-  const [chat, setChat] = useState<Array<{ sent: boolean, message: string }>>();
-  const [cookies, setCookie, removeCookie] = useCookies(['Token']);
+  const [showSuggestions, setShowSuggestions] = useState<boolean>(true);
+  const [input, setInput] = useState<string>("");
+  const [chat, setChat] = useState<Array<{ sent: boolean; message: string }>>();
+  const [cookies, setCookie, removeCookie] = useCookies(["Token"]);
   const router = useRouter();
-  
+
   useEffect(() => {
     const pathName = router.asPath;
     const access_token = pathName.match(/\#(?:access_token)\=([\S\s]*?)\&/);
-    
-    if (access_token && access_token.length>1) {
-      setCookie("Token", access_token[1])
-    }
 
-  }, [router.query])
+    if (access_token && access_token.length > 1) {
+      setCookie("Token", access_token[1]);
+    }
+  }, [router.query]);
 
   function addJsonLd() {
     return {
diff --git a/utils/request.tsx b/utils/request.tsx
index 4be48c2..961e4b2 100644
--- a/utils/request.tsx
+++ b/utils/request.tsx
@@ -1,13 +1,11 @@
 import axios from "axios";
 import Cookies from "js-cookie";
 
-
-
 const config = {
   baseURL: process.env.NEXT_PUBLIC_APP_URL,
   headers: {
-    'token': Cookies.get("Token")
-  }
+    token: Cookies.get("Token"),
+  },
 };
 
 const service = axios.create(config);