chore: bump deps

package.json

@@ -18,9 +18,9 @@
   },
   "dependencies": {
     "@headlessui/react": "1.7.13",
-    "@heroicons/react": "2.0.16",
+    "@heroicons/react": "2.0.17",
     "lodash": "4.17.21",
-    "next": "13.2.4",
+    "next": "13.3.0",
     "openai": "3.2.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -30,20 +30,20 @@
   "devDependencies": {
     "@tailwindcss/forms": "0.5.3",
     "@types/ffmpeg": "1.0.4",
-    "@types/lodash": "4.14.191",
-    "@types/node": "18.15.7",
-    "@types/react": "18.0.28",
+    "@types/lodash": "4.14.192",
+    "@types/node": "18.15.11",
+    "@types/react": "18.0.33",
     "@types/react-dom": "18.0.11",
     "@types/tmp": "0.2.3",
     "autoprefixer": "10.4.14",
-    "eslint": "8.36.0",
-    "eslint-config-next": "13.2.4",
+    "eslint": "8.37.0",
+    "eslint-config-next": "13.3.0",
     "postcss": "8.4.21",
     "prettier": "2.8.7",
-    "prettier-plugin-tailwindcss": "0.2.5",
-    "stylelint": "15.3.0",
-    "stylelint-config-standard": "31.0.0",
-    "tailwindcss": "3.2.7",
-    "typescript": "5.0.2"
+    "prettier-plugin-tailwindcss": "0.2.7",
+    "stylelint": "15.4.0",
+    "stylelint-config-standard": "32.0.0",
+    "tailwindcss": "3.3.1",
+    "typescript": "5.0.3"
   }
 }

src/app/error.tsx

@@ -13,7 +13,7 @@ const Error: FC<Props> = ({ error, reset }) => {
   }, [error]);
 
   return (
-    <main className="grid min-h-full place-items-center bg-white py-24 px-6 sm:py-32 lg:px-8">
+    <main className="grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8">
       <div className="text-center">
         <p className="text-base font-semibold text-red-600">500</p>
         <h1 className="mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl">

src/app/not-found.tsx

@@ -2,7 +2,7 @@ import Link from 'next/link';
 import { FC } from 'react';
 
 const NotFound: FC = () => (
-  <main className="grid min-h-full place-items-center bg-white py-24 px-6 sm:py-32 lg:px-8">
+  <main className="grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8">
     <div className="text-center">
       <p className="text-base font-semibold text-red-600">404</p>
       <h1 className="mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl">

src/components/ActionBar/ActionBar.tsx

@@ -55,7 +55,7 @@ const ActionBar: FC<Props> = ({ entries, setEntries }) => {
             <button
               onClick={handleSubmit}
               type="button"
-              className="rounded-md bg-indigo-600 py-2 px-8 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+              className="rounded-md bg-indigo-600 px-8 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
             >
               Sum
             </button>

src/components/Footer/Footer.tsx

@@ -57,7 +57,7 @@ const navigation = {
 const Footer = () => {
   return (
     <footer className="bg-white">
-      <div className="mx-auto max-w-7xl overflow-hidden py-20 px-6 sm:py-24 lg:px-8">
+      <div className="mx-auto max-w-7xl overflow-hidden px-6 py-20 sm:py-24 lg:px-8">
         <nav
           className="-mb-6 columns-2 sm:flex sm:justify-center sm:space-x-12"
           aria-label="Footer"

src/components/IntroCard/IntroCard.tsx

@@ -1,5 +1,4 @@
 'use client';
-import Link from 'next/link';
 import { ChangeEvent, FC, useEffect, useState } from 'react';
 import { prompts } from '~/constants';
 
@@ -35,8 +34,8 @@ const IntroCard: FC<Props> = ({
   }, [file, text]);
 
   return (
-    <section className="flex justify-center bg-blue-50 pt-16 pb-20 lg:px-8 lg:pt-24 lg:pb-28">
-      <div className="flex w-full max-w-6xl flex-col rounded-lg bg-white px-16 pt-16 pb-4 shadow-lg">
+    <section className="flex justify-center bg-blue-50 pb-20 pt-16 lg:px-8 lg:pb-28 lg:pt-24">
+      <div className="flex w-full max-w-6xl flex-col rounded-lg bg-white px-16 pb-4 pt-16 shadow-lg">
         <div className="max-w-md">
           <span className="text-sm font-bold text-indigo-600">
             AI gjort enkelt
@@ -130,7 +129,7 @@ const IntroCard: FC<Props> = ({
                 disabled={disabled || loading}
                 onClick={() => !disabled && handleSubmit()}
                 type="button"
-                className={`rounded-md bg-indigo-600 py-2 px-8 text-sm font-semibold text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 ${
+                className={`rounded-md bg-indigo-600 px-8 py-2 text-sm font-semibold text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 ${
                   disabled
                     ? 'cursor-not-allowed opacity-50'
                     : 'hover:bg-indigo-500'
@@ -143,13 +142,13 @@ const IntroCard: FC<Props> = ({
         </div>
         <p className="mt-8 text-center text-sm text-gray-500">
           Sum bruker OpenAIs tjenestene ChatGPT og Whisper, se deres{' '}
-          <Link
+          <a
             href="https://openai.com/policies/api-data-usage-policies"
             target="_blank"
             className="text-indigo-600 hover:text-indigo-500"
           >
             personvernerklæring her.
-          </Link>
+          </a>
         </p>
       </div>
     </section>