So i'm trying to use React Email; https://react.email/docs/getting-started/manual-setup
I created an emails folder at the root of my project, and have a file called verification-email.tsx
but when i run my preview server, the template isn't visible

This is my package.json

{
  "name": "wordle",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "build": "npx prisma generate && next build",
    "dev": "email dev",
    "start": "next start",
    "lint": "next lint",
    "pretty": "prettier --write \"./**/*.{js,jsx,mjs,cjs,ts,tsx,json}\""
  },
  "dependencies": {
    "@hookform/resolvers": "^3.9.0",
    "@next-auth/prisma-adapter": "^1.0.7",
    "@prisma/client": "^5.16.1",
    "@radix-ui/react-label": "^2.1.0",
    "@radix-ui/react-slot": "^1.1.0",
    "@radix-ui/react-toast": "^1.2.1",
    "@radix-ui/themes": "^3.1.1",
    "@react-email/components": "0.0.22",
    "axios": "^1.7.2",
    "bcryptjs": "^2.4.3",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.1",
    "jsonwebtoken": "^9.0.2",
    "lucide-react": "^0.407.0",
    "mongoose": "^8.4.3",
    "next": "14.2.4",
    "next-auth": "^4.24.7",
    "node-cron": "^3.0.3",
    "nodemailer": "^6.9.14",
    "react": "^18",
    "react-activity-calendar": "^2.1.5",
    "react-day-picker": "^8.10.1",
    "react-dom": "^18",
    "react-email": "2.1.6",
    "react-hook-form": "^7.52.1",
    "resend": "^3.5.0",
    "tailwind-merge": "^2.4.0",
    "tailwindcss-animate": "^1.0.7",
    "zod": "^3.23.8"
  },
  "devDependencies": {
    "@types/bcrypt": "^5.0.2",
    "@types/bcryptjs": "^2.4.6",
    "@types/jsonwebtoken": "^9.0.6",
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "eslint": "^8",
    "eslint-config-next": "14.2.4",
    "postcss": "^8",
    "prettier": "^3.3.3",
    "prisma": "^5.17.0",
    "tailwindcss": "^3.4.1",
    "typescript": "^5"
  },
  "volta": {
    "node": "18.20.4"
  }
}