fix: navigation padding

Author: mvriu5

.prettierrc

@@ -0,0 +1,7 @@
+{
+    "semi": false,
+    "singleQuote": false,
+    "tabWidth": 4,
+    "printWidth": 200,
+    "trailingComma": "es5"
+}

next.config.ts

@@ -1,9 +1,30 @@
-import { withPayload } from '@payloadcms/next/withPayload'
-import { NextConfig } from 'next'
+import { withPayload } from "@payloadcms/next/withPayload"
+import { NextConfig } from "next"
+
+const isDev = process.env.NODE_ENV === "development"
 
 const nextConfig: NextConfig = {
     output: "standalone",
     productionBrowserSourceMaps: true,
+    images: {
+        dangerouslyAllowLocalIP: isDev,
+        remotePatterns: isDev
+            ? [
+                  {
+                      protocol: "http",
+                      hostname: "localhost",
+                      port: "3000",
+                      pathname: "/api/media/**",
+                  },
+                  {
+                      protocol: "http",
+                      hostname: "127.0.0.1",
+                      port: "3000",
+                      pathname: "/api/media/**",
+                  },
+              ]
+            : [],
+    },
 }
 
 export default withPayload(nextConfig)

package-lock.json

@@ -33,8 +33,8 @@
     "@tabler/icons-react": "3.41.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "knip": "^6.16.1",
     "graphql": "^16.14.2",
+    "knip": "^6.16.1",
     "motion": "^12.40.0",
     "next": "^16.2.7",
     "next-sitemap": "^4.2.3",
@@ -50,10 +50,11 @@
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.3.0",
-    "@types/react": "^19.2.17",
     "@types/node": "^25.9.2",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "postcss": "^8.5.15",
+    "prettier": "^3.8.4",
     "tailwindcss": "^4.3.0",
     "tsx": "^4.22.4",
     "typescript": "^6.0.3"