updates

.vscode/launch.json

@@ -4,6 +4,19 @@
   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
   "version": "0.2.0",
   "configurations": [
+    {
+      "name": "yarn",
+      "request": "launch",
+      "runtimeArgs": [
+        "dev"
+      ],
+      "runtimeExecutable": "yarn",
+      "skipFiles": [
+        "<node_internals>/**"
+      ],
+      "type": "node",
+      "console": "integratedTerminal",
+    },
     {
       "name": "yarn dev",
       "request": "launch",
@@ -31,7 +44,7 @@
       "name": "Launch Chrome",
       "request": "launch",
       "type": "chrome",
-      "url": "http://localhost:3000",
+      "url": "http://127.0.0.1:3000",
       "webRoot": "${workspaceFolder}/.next/server",
     },
     {

.yarn/sdks/prettier/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prettier",
-  "version": "3.3.3-sdk",
+  "version": "3.4.1-sdk",
   "main": "./index.cjs",
   "type": "commonjs",
   "bin": "./bin/prettier.cjs"

.yarn/sdks/typescript/package.json

@@ -1,6 +1,6 @@
 {
   "name": "typescript",
-  "version": "5.6.3-sdk",
+  "version": "5.7.2-sdk",
   "main": "./lib/typescript.js",
   "type": "commonjs",
   "bin": {

.yarnrc.yml

@@ -1 +1 @@
-yarnPath: .yarn/releases/yarn-4.5.1.cjs
+yarnPath: .yarn/releases/yarn-4.9.4.cjs

next.config.js

@@ -43,6 +43,7 @@ module.exports = {
     urlImports: [
       "https://wakatime.com/badge/user/0ff1bf94-98b4-465f-8b63-a51fb5151092.svg",
       "https://img.shields.io/youtube/views/fX5U50VGxtg",
+      "https://wakatime.com/share/@adombrowski/b2ad4f88-9f2a-483d-859c-716bc86bc1a4.svg",
     ],
   },
 
@@ -62,11 +63,11 @@ module.exports = {
   // trailingSlash: true,
   poweredByHeader: false,
 
-  webpack: (config) => {
+  webpack(config) {
     // Grab the existing rule that handles SVG imports
     const fileLoaderRule = config.module.rules.find((rule) =>
-      rule.test?.test?.(".svg")
-    );
+      rule.test?.test?.('.svg'),
+    )
 
     config.module.rules.push(
       // Reapply the existing rule, but only for svg imports ending in ?url
@@ -80,14 +81,14 @@ module.exports = {
         test: /\.svg$/i,
         issuer: fileLoaderRule.issuer,
         resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
-        use: ["@svgr/webpack"],
-      }
-    );
+        use: ['@svgr/webpack'],
+      },
+    )
 
     // Modify the file loader rule to ignore *.svg, since we have it handled now.
-    fileLoaderRule.exclude = /\.svg$/i;
+    fileLoaderRule.exclude = /\.svg$/i
 
-    return config;
+    return config
   },
 };
 

next.lock/lock.json

@@ -2,5 +2,7 @@
   "https://img.shields.io/youtube/views/fX5U50VGxtg": { "integrity": "sha512-MJD7uFT026I5YaphBPczWeT3MjRlBzeaNtWCBrvqd1xa4lNJYSLjuLYwJThOJIcCuia9L3mObh8ATkTQF3q4pA==", "contentType": "image/svg+xml;charset=utf-8" },
   "https://img.shields.io/youtube/views/fX5U50VGxtg.svg": { "integrity": "sha512-MJD7uFT026I5YaphBPczWeT3MjRlBzeaNtWCBrvqd1xa4lNJYSLjuLYwJThOJIcCuia9L3mObh8ATkTQF3q4pA==", "contentType": "image/svg+xml;charset=utf-8" },
   "https://wakatime.com/badge/user/0ff1bf94-98b4-465f-8b63-a51fb5151092.svg": { "integrity": "sha512-ntu1voRB3lk/b9jSUuvNkkzBT28oE4JRygUKOgqTU+LzRyPN+x2TOls6fv3A2udIFTBLF2Bog9U+n9PII++Bnw==", "contentType": "image/svg+xml;charset=utf-8" },
+  "https://wakatime.com/share/@adombrowski/b2ad4f88-9f2a-483d-859c-716bc86bc1a4.svg": "no-cache",
+  "https://wakatime.com/share/@adombrowski/b2ad4f88-9f2a-483d-859c-716bc86bc1a4.svg?url": "no-cache",
   "version": 1
 }

package.json

@@ -3,7 +3,7 @@
   "version": "0.2.0",
   "license": "MIT",
   "private": true,
-  "packageManager": "yarn@4.5.1",
+  "packageManager": "yarn@4.9.4",
   "scripts": {
     "build": "next build",
     "dev": "next dev -H 127.0.0.1",
@@ -12,61 +12,61 @@
     "tsc": "tsc --pretty"
   },
   "dependencies": {
-    "@emotion/cache": "^11.13.1",
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
-    "@fontsource/roboto": "^5.1.0",
-    "@mdx-js/loader": "^3.1.0",
-    "@mdx-js/react": "^3.1.0",
-    "@mui/icons-material": "^6.1.7",
-    "@mui/material": "^6.1.7",
-    "@mui/material-nextjs": "^6.1.7",
-    "@mui/system": "^6.1.7",
-    "@next/mdx": "^15.0.3",
-    "@next/third-parties": "^15.0.3",
-    "@vercel/analytics": "^1.4.0",
-    "@vercel/speed-insights": "^1.1.0",
-    "axios": "^1.7.7",
+    "@emotion/cache": "^11.14.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@fontsource/roboto": "^5.2.6",
+    "@mdx-js/loader": "^3.1.1",
+    "@mdx-js/react": "^3.1.1",
+    "@mui/icons-material": "^7.3.1",
+    "@mui/material": "^7.3.1",
+    "@mui/material-nextjs": "^7.3.0",
+    "@mui/system": "^7.3.1",
+    "@next/mdx": "^15.5.2",
+    "@next/third-parties": "^15.5.2",
+    "@vercel/analytics": "^1.5.0",
+    "@vercel/speed-insights": "^1.2.0",
+    "axios": "^1.11.0",
     "client-only": "^0.0.1",
-    "dotenv": "^16.4.5",
+    "dotenv": "^17.2.1",
     "lodash": "^4.17.21",
-    "next": "15.0.3",
+    "next": "15.5.2",
     "next-auth": "^5.0.0-beta.25",
-    "puppeteer": "^23.8.0",
-    "react": "^18",
-    "react-dom": "^18",
-    "react-error-boundary": "^4.1.2",
-    "react-player": "^2.16.0",
+    "puppeteer": "^24.17.1",
+    "react": "^19",
+    "react-dom": "^19",
+    "react-error-boundary": "^6.0.0",
+    "react-player": "^3.3.2",
     "server-only": "^0.0.1",
-    "sharp": "^0.33.5"
+    "sharp": "^0.34.3"
   },
   "devDependencies": {
-    "@mui/types": "^7.2.19",
+    "@mui/types": "^7.4.5",
     "@svgr/webpack": "^8.1.0",
     "@types/axios": "^0.14.4",
-    "@types/lodash": "^4.17.13",
+    "@types/lodash": "^4.17.20",
     "@types/mdx": "^2.0.13",
-    "@types/node": "^22",
+    "@types/node": "^24",
     "@types/puppeteer": "^7.0.4",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "@typescript-eslint/eslint-plugin": "^8.15.0",
-    "@typescript-eslint/parser": "^8.15.0",
-    "eslint": "^9.15.0",
-    "eslint-config-next": "15.0.3",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jsdoc": "^50.5.0",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@typescript-eslint/eslint-plugin": "^8.41.0",
+    "@typescript-eslint/parser": "^8.41.0",
+    "eslint": "9.34",
+    "eslint-config-next": "15.5.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-jsdoc": "^54.1.1",
     "eslint-plugin-json-format": "^2.0.1",
     "eslint-plugin-markdown": "^5.1.0",
-    "eslint-plugin-mdx": "^3.1.5",
-    "eslint-plugin-prettier": "^5.2.1",
-    "prettier": "^3.3.3",
+    "eslint-plugin-mdx": "^3.6.2",
+    "eslint-plugin-prettier": "^5.5.4",
+    "prettier": "^3.6.2",
     "tslib": "^2.8.1",
-    "typescript": "^5.6.3",
-    "typescript-eslint": "^8.15.0",
-    "vercel": "^39.0.3",
-    "video.js": "8.19.1",
-    "webpack": "^5.96.1"
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.41.0",
+    "vercel": "^46.1.1",
+    "video.js": "8.23.4",
+    "webpack": "^5.101.3"
   },
   "resolutions": {
     "@emotion/cache": "^11.13",

src/app/(content)/blogs/page.tsx

@@ -0,0 +1,29 @@
+import Blog from "@/components/blogs/Blog";
+import blogLinks from "@/components/blogs/bloglinks";
+import Container from "@mui/material/Container";
+import Grid from "@mui/material/Grid";
+
+export default function Blogs() {
+  const blogAndUrls = blogLinks();
+  const blogs = blogAndUrls.map((blogLink, i) => {
+    return (
+      <Grid
+        id={`blog-grid-${i}`}
+        key={`blog-grid-${i}`}
+        size={{ xs: 4 }}
+        display="flex"
+        justifyContent="start"
+        alignItems="start"
+        paddingX={0}
+      >
+        <Blog blogLink={blogLink} />
+      </Grid>
+    );
+  });
+
+  return (
+    <Container maxWidth={false}>
+      <Grid container>{blogs}</Grid>
+    </Container>
+  );
+}

src/app/(content)/error.tsx

@@ -2,7 +2,7 @@
 
 import Container from "@mui/material/Container";
 import Button from "@mui/material/Button";
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 import Typography from "@mui/material/Typography";
 
 export default function ContentErrorPage({

src/app/(content)/layout.tsx

@@ -6,7 +6,7 @@ import type { ReactNode } from "react";
 import Container from "@mui/material/Container";
 import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 
 import { usePathname } from "next/navigation";
 

src/app/(content)/videos/error.tsx

@@ -2,7 +2,7 @@
 
 import Container from "@mui/material/Container";
 import Button from "@mui/material/Button";
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 import Typography from "@mui/material/Typography";
 
 export default function VideosErrorPage({

src/app/(content)/videos/kaptcha-me/page.tsx

@@ -1,7 +1,7 @@
 import Container from "@mui/material/Container";
 import Box from "@mui/material/Box";
 import Divider from "@mui/material/Divider";
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 
 import VideoContainer from "@/components/videos/VideoContainer";
 import { KAPTCHA_ME_VIDEOS } from "@/components/videos/VideoURLs";

src/app/(content)/videos/page.tsx

@@ -1,6 +1,6 @@
 import LoadingVideo from "@/components/videos/LoadingVideo";
 import Container from "@mui/material/Container";
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 import dynamic from "next/dynamic";
 
 const Videos = dynamic(() => import("@/components/videos/Videos"), {loading: () => <LoadingVideo/>});

src/app/calendly/LoggedInPage.tsx

@@ -1,8 +1,8 @@
 import { Typography } from "@mui/material";
 import Button from "@mui/material/Button";
 import Container from "@mui/material/Container";
-import Grid from "@mui/material/Grid2";
-import Box from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
+import Box from "@mui/material/Grid";
 import LogoutBtn from "@/components/auth/LogoutBtn";
 import UserAvatar from "@/components/auth/UserAvatar";
 

src/app/calendly/NotLoggedInPage.tsx

@@ -1,6 +1,6 @@
 import { Typography } from "@mui/material";
 import Container from "@mui/material/Container";
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 import LoginBtn from "@/components/auth/LoginBtn";
 
 export default async function NotLoggedInPage() {

src/app/global-error.tsx

@@ -2,7 +2,7 @@
 
 import Container from "@mui/material/Container";
 import Button from "@mui/material/Button";
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 import Typography from "@mui/material/Typography";
 
 import { GoogleTagManager } from "@next/third-parties/google";

src/components/Features.tsx

@@ -7,7 +7,7 @@ import Button from "@mui/material/Button";
 import Card from "@mui/material/Card";
 import Chip from "@mui/material/Chip";
 import Container from "@mui/material/Container";
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 import Link from "@mui/material/Link";
 import Stack from "@mui/material/Stack";
 import Typography from "@mui/material/Typography";

src/components/Footer.tsx

@@ -1,5 +1,5 @@
 import Container from "@mui/material/Container";
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 import { StackedSocialLinks } from "@/components/social";
 import Copyright from "@/components/Copyright";
 

src/components/Hero.tsx

@@ -4,7 +4,7 @@ import "client-only";
 import Link from "next/link";
 import Image from "next/image";
 
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
 import Typography from "@mui/material/Typography";

src/components/Highlights.tsx

@@ -1,7 +1,7 @@
 import Box from "@mui/material/Box";
 import Card from "@mui/material/Card";
 import Container from "@mui/material/Container";
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 import Stack from "@mui/material/Stack";
 import Typography from "@mui/material/Typography";
 import AutoFixHighRoundedIcon from "@mui/icons-material/AutoFixHighRounded";

src/components/Pricing.tsx

@@ -6,7 +6,7 @@ import CardActions from "@mui/material/CardActions";
 import CardContent from "@mui/material/CardContent";
 import Container from "@mui/material/Container";
 import Divider from "@mui/material/Divider";
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 import Typography from "@mui/material/Typography";
 import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
 import CheckCircleRoundedIcon from "@mui/icons-material/CheckCircleRounded";

src/components/Roles.tsx

@@ -2,7 +2,7 @@
 import "client-only";
 
 
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 import Typography from "@mui/material/Typography";
 
 export default function Roles() {

src/components/SignUp.tsx

@@ -1,7 +1,7 @@
 "use client";
 import "client-only";
 
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 import Button from "@mui/material/Button";
 import TextField from "@mui/material/TextField";
 import Typography from "@mui/material/Typography";

src/components/Testimonials.tsx

@@ -10,7 +10,7 @@ import Avatar from "@mui/material/Avatar";
 import Typography from "@mui/material/Typography";
 import Box from "@mui/material/Box";
 import Container from "@mui/material/Container";
-import Grid from "@mui/material/Grid2";
+import Grid from "@mui/material/Grid";
 import { useTheme } from "@mui/system";
 
 const userTestimonials = [