✨ feat: Add markdown support plus /blog (#107)

Adds `/blog` page with support for `.md` and `.mdx` files.

What we learnt in setting this up will be packages in a package `@nestri/mdx` and used to set up the `/docs` and the `/terms` and `/privacy` routes

packages/ui/globals.css

@@ -9,6 +9,7 @@
     html * {
         scrollbar-color: theme("colors.gray.700") theme("colors.gray.300");
         scrollbar-width: thin;
+        scroll-behavior: smooth;
     }
 
     *::selection {

packages/ui/package.json

@@ -29,7 +29,6 @@
     "@nestri/eslint-config": "*",
     "@nestri/typescript-config": "*",
     "@nestri/core": "*",
-    "@turbo/gen": "^1.12.4",
     "@types/eslint": "^8.56.5",
     "@types/node": "^20.11.24",
     "@types/nprogress": "^0.2.3",

packages/ui/postcss.config.js

@@ -1,4 +1,4 @@
-export default {
+module.exports = {
     plugins: {
         tailwindcss: {},
         autoprefixer: {},

packages/ui/src/github-banner.tsx

@@ -10,7 +10,7 @@ export const GithubBanner = component$(() => {
             viewport={{ once: true }}
             transition={transition}
             client:load
-            class="flex items-center justify-center w-full py-10"
+            class="flex items-center justify-center w-full px-4 py-10"
             as="div"
         >
             <section class="w-full flex flex-col items-center justify-center">

packages/ui/src/react/motion.tsx

@@ -1,7 +1,7 @@
 /** @jsxImportSource react */
 import { qwikify$ } from '@builder.io/qwik-react';
 import { motion, type MotionProps } from 'framer-motion';
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 
 interface MotionComponentProps extends MotionProps {
     as?: keyof JSX.IntrinsicElements;
@@ -27,9 +27,7 @@ export const ReactMotionComponent = ({
     const MotionTag = motion[as as keyof typeof motion] as React.ComponentType<any>;
 
     return (
-        <MotionTag
-            className={className}
-            {...(motionProps as any)}>
+        <MotionTag className={className} {...(motionProps as any)}>
             {children}
         </MotionTag>
     );

packages/ui/tsconfig.json

@@ -5,6 +5,6 @@
     "rootDir": ".",
     "allowImportingTsExtensions": true
   },
-  "files": [".eslintrc.js"],
+  "files": [".eslintrc.cjs"],
   "include": ["src", "./*.d.ts"]
 }