Phase 1: Homepage seamless design - add gradient transitions

- Added gradient transitions between sections in global.css
- Portfolio section now has gradient-top (dark to white fade)
- Blog section now has gradient-bottom (white fade from dark)
- Reduced portfolio overlay opacity from 0.85 to 0.65
- Added border to blog cards for white-on-white visibility
- Blog cards now have primary color accent on hover

astro.config.mjs

@@ -1,20 +1,27 @@
 // @ts-check
 import { defineConfig } from 'astro/config';
-import node from "@astrojs/node";
 import react from "@astrojs/react";
+import mdx from "@astrojs/mdx";
+import node from "@astrojs/node";
 import emdash, { local } from "emdash/astro";
 import { sqlite } from "emdash/db";
 
 export default defineConfig({
   output: "server",
-  adapter: node({ mode: "standalone" }),
-  image: { layout: "constrained", responsiveStyles: true },
+  adapter: node({
+    mode: 'standalone'
+  }),
   integrations: [
     react(),
+    mdx(),
     emdash({
       database: sqlite({ url: "file:./data.db" }),
-      storage: local({ directory: "./uploads", baseUrl: "/_emdash/api/media/file" }),
+      storage: local({
+        directory: "./uploads",
+        baseUrl: "/_emdash/api/media/file",
+      }),
     }),
   ],
-  devToolbar: { enabled: false },
+  image: { layout: "constrained", responsiveStyles: true },
+  devToolbar: { enabled: true },
 });