new Resources Hub (#2261)

## Description


  Curated entry points for GraphQL resources, organized by topic.


[Figma](https://www.figma.com/design/aPUvZDSxJfYDJtPd7GF2sB/GraphQL.org--Working-File?node-id=6442-7644&m=dev)

Feel free to add comments on Vercel Preview Deployment by pressing
<kbd>C</kbd>:
-
https://fabulous-isomorphism-git-resources-hub-hasparus-projects.vercel.app/resources/

### What

- /resources hub with category pages (frontend, backend, AI, federation,
etc.)
  - Video and reading libraries with filtering
  - Internal tracking page at /resources/internal
  - Moved community resources pages, added redirects

### Why

The existing code page is a flat list. This gives newcomers a path
through the ecosystem—pick your use case, find relevant tools.

### Notes

  - Category metadata added to src/code/ markdown files
  - Old /community/resources/* paths redirect to new locations
  - E2E tests cover the new routes

### To be done

- [x] Content for AI, Monitoring and Security pages
- [ ] maybe better Playwright test?

---------

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>

Author: hasparus

next.config.js

@@ -37,7 +37,7 @@ const ALLOWED_SVG_REGEX = new RegExp(`${sep}icons${sep}.+\\.svg$`)
 const config = {
   output: undefined,
   // reactStrictMode: true, provoke duplicated codemirror editors
-  webpack(config) {
+  webpack(config, { isServer, dev }) {
     // #region MDX
     const mdxRule = config.module.rules.find(rule => rule.test?.test?.(".mdx"))
     if (mdxRule) {
@@ -62,6 +62,19 @@ const config = {
     fileLoaderRule.exclude = /\.svg$/i
 
     config.module.rules.push(
+      {
+        test: /\.(png|jpg|jpeg|gif|webp|avif|ico|bmp|svg|txt)$/i,
+        resourceQuery: /resource/,
+        type: "asset/resource",
+        generator: {
+          filename: "static/media/[name].[hash][ext]",
+          publicPath: "/_next/",
+          // Server build outputs to .next/server/, so go up to reach .next/static/
+          outputPath: [isServer && "../", !dev && "../"]
+            .filter(Boolean)
+            .join(""),
+        },
+      },
       // All .svg from /icons/ and with ?svgr are going to be processed by @svgr/webpack
       {
         test: ALLOWED_SVG_REGEX,
@@ -103,7 +116,7 @@ const config = {
         test: /\.svg$/i,
         exclude: ALLOWED_SVG_REGEX,
         resourceQuery: {
-          not: [...fileLoaderRule.resourceQuery.not, /svgr/],
+          not: [...fileLoaderRule.resourceQuery.not, /svgr|resource/],
         },
       },
     )

package.json

@@ -43,6 +43,7 @@
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/nesting": "0.0.0-insiders.565cd3e",
     "@tailwindcss/typography": "^0.5.15",
+    "arktype": "2.1.28",
     "autoprefixer": "^10.4.20",
     "calendar-link": "^2.10.0",
     "clsx": "^2.1.1",