Merge branch 'nextjs' of https://github.com/Tangeyo/SyntaxSorcerer into nextjs

Author: aliiyuu

README.md

@@ -12,7 +12,7 @@ You can start editing the page by modifying `app/page.js`. The page auto-updates
 
 ## How to Use
 Each user may upload one codebase to the app's local storage at a time by pasting a link in the topmost input box. This link must be a link to download a .zip file and must be a [valid URL](https://dev.w3.org/html5/spec-LC/urls.html). An existing codebase may be removed at any time during the user session in order to upload another one. Currently, only JavaScript files are supported.\
-To send a regular message to the ChatGPT interface, press 'Enter.' Pressing 'Query codebase' will process your prompt, use cosine similarity to find the three most relevant code segments in your codebase, and display an answer to your prompt that considers the files containing these segments.\
+To send a regular message to the ChatGPT interface, press 'Enter.' Pressing 'Query codebase' will process your prompt, use cosine similarity to find the three most relevant code segments in your codebase, and display an answer to your prompt that considers the files containing these segments.
 ## Learn More
 
 To learn more about Next.js, take a look at the following resources:

src/app/page.jsx

@@ -12,21 +12,18 @@ export default function Home() {
 
   useEffect(() => {
     const checkSeed = () => {
-      // Check if the seed cookie exists on the client side
       const cookies = document.cookie.split('; ').reduce((acc, cookie) => {
         const [name, value] = cookie.split('=');
         acc[name] = value;
         return acc;
       }, {});
-
       setHasSeed(!!cookies['seed']);
     };
     checkSeed();
   }, []);
 
   useEffect(() => {
     if (!hasSeed) {
-      // Fetch the seed if it has not been set
       fetch(`${process.env.NEXT_PUBLIC_URL}/config/seed`)
         .then(response => response.json())
         .then(() => setSeedFetched(true))
@@ -47,11 +44,14 @@ export default function Home() {
 
   return (
     <div className={styles.wrapper}>
+      {/* Main content container */}
       {/* Main content container */}
       <div className={styles.container}>
         <div className={styles.flex}>
           <Image src="./icon.svg" alt="The app logo, a glowing hexagon." width={80} height={80} />
           <h1 className={styles.title}>Syntax Sorcerer</h1>
+          <Image src="./icon.svg" alt="The app logo, a glowing hexagon." width={80} height={80} />
+          <h1 className={styles.title}>Syntax Sorcerer</h1>
         </div>
 
         {/* Main content: CodebaseControls, Chatbot, QueryControls */}
@@ -73,4 +73,4 @@ export default function Home() {
       </div>
     </div>
   );
-}
+}