(update): replace require with import & update libs to latest versions (

#15)

components/Logger.tsx

@@ -1,4 +1,4 @@
-const winston = require("winston");
+import winston from "winston";
 
 /* Example logger with custom formatter
 https://github.com/winstonjs/winston#combining-formats

middleware.js

@@ -1,31 +1,30 @@
-'use strict'
-const { NextResponse } = require('next/server')
+"use strict";
+import { NextResponse } from "next/server";
 
 module.exports.middleware = async function middleware(request) {
-  if (request.nextUrl.pathname === '/') {
+  if (request.nextUrl.pathname === "/") {
     // This logic is only applied to /about
-      const response = NextResponse.next()
-      await new Promise((resolve) => {
-        setTimeout(resolve, 25)
-      })
-      response.headers.set('x-custom', 'another-header')
-      return response
+    const response = NextResponse.next();
+    await new Promise((resolve) => {
+      setTimeout(resolve, 25);
+    });
+    response.headers.set("x-custom", "another-header");
+    return response;
   }
 
-  if (request.nextUrl.pathname === '/api') {
-      const response = NextResponse.next()
-      await new Promise((resolve) => {
-        setTimeout(resolve, 10)
-      })
-      return response
+  if (request.nextUrl.pathname === "/api") {
+    const response = NextResponse.next();
+    await new Promise((resolve) => {
+      setTimeout(resolve, 10);
+    });
+    return response;
   }
 
-  if (request.nextUrl.pathname.startsWith('/blog')) {
-      const response = NextResponse.next()
-      await new Promise((resolve) => {
-        setTimeout(resolve, 10)
-      })
-      return response
+  if (request.nextUrl.pathname.startsWith("/blog")) {
+    const response = NextResponse.next();
+    await new Promise((resolve) => {
+      setTimeout(resolve, 10);
+    });
+    return response;
   }
-}
-
+};