chore: pin problematic dependencies

The package version ranges specified in package.json cause peer
dependency conflicts when package-lock.json is removed. Since npm's
dependency resolution doesn't consider the versions tracked in
package-lock.json, any project that depends on the UI will need to
resolve these issues. To fix this, pin the versions of problematic
packages to the versions currently set in package-lock.json.

Signed-off-by: Nick Hale <[email protected]>

Author: njhale

app/build/layout.tsx

@@ -6,7 +6,8 @@ export default function BuildLayout({
     return (
         <section className="absolute left-0 top-16">
             <div className="border-t-1 border-gray-300 dark:border-gray-700"
-                 style={{width: `100vw`, height: `calc(100vh - 66px)`}}>
+                 style={{width: `100vw`, height: `calc(100vh - 66px)`}}
+            >
                 {children}
             </div>
         </section>

app/edit/layout.tsx

@@ -6,7 +6,8 @@ export default function RunLayout({
     return (
         <section className="absolute left-0 top-16">
             <div className="border-t-1 border-gray-300 dark:border-gray-700"
-                 style={{width: `100vw`, height: `calc(100vh - 64px)`}}>
+                 style={{width: `100vw`, height: `calc(100vh - 64px)`}}
+            >
                 {children}
             </div>
         </section>

components/script/chatBar/upload/workspace.tsx

@@ -22,6 +22,7 @@ const Workspace = ({onRestart}: WorkspaceProps) => {
     useEffect(() => {
         getWorkspaceDir().then((wd) => setActingWorkspace(wd))
     }, []);
+
     useEffect(() => {
         setWorkspace(actingWorkspace)
     }, [actingWorkspace]);

components/script/useChatSocket.tsx

@@ -25,6 +25,7 @@ const useChatSocket = (isEmpty?: boolean) => {
     useEffect(() => {
         messagesRef.current = messages
     }, [messages]);
+
     useEffect(() => {
         socketRef.current = socket
     }, [socket]);

config/env.ts

@@ -12,8 +12,7 @@ let gptscript: GPTScript | null = null;
 
 export function gpt() {
     if (!gptscript) {
-        gptscript = new GPTScript()
+        gptscript = new GPTScript();
     }
-    ;
     return gptscript;
 }

next.config.js

@@ -1,8 +1,4 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {
-    images: {
-        unoptimized: true,
-    }
-}
+const nextConfig = {}
 
 module.exports = nextConfig