UI width fixes

Author: Ahmed Qadri

Diff for: package-lock.json

@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^0.0.18",
+    "@ai-sdk/openai": "^1.0.14",
     "@aws-sdk/client-bedrock-runtime": "^3.629.0",
     "@drizzle/react-plugin": "^1.5.3",
     "@hookform/resolvers": "^3.3.2",

Diff for: package.json

@@ -47,7 +47,7 @@ export default function Investment() {
             initial={{ opacity: 0 }}
             animate={{ opacity: 1 }}
             transition={{ duration: 0.5 }}
-            className={`flex h-full w-full flex-col  bg-investment-graident-background`}
+            className={`flex h-full w-full flex-col  bg-investment-graident-background px-10`}
           >
             <NavWrapper>
               <>

Diff for: pages/investment.tsx

@@ -391,7 +391,7 @@ export default function Marketplace() {
               </div>
             </section>
 
-            <section className="mx-8 sm:mx-12 xl:mx-auto pt-14 flex flex-col gap-y-10 ">
+            <section className="mx-8 sm:mx-12 xl:mx-auto pt-14 flex flex-col gap-y-10 px-10">
               <section>
                 {/* Popular Shops heading and row */}