add ipa reader

src/app/page.tsx

@@ -16,6 +16,7 @@ export default function Home() {
         <div className="LinkList flex flex-wrap sm:flex-row">
           <MyLink href="/srt-player" label="srt-player"></MyLink>
           <MyLink href="/word-board" label="word-board"></MyLink>
+          <MyLink href="/ipa-reader" label="ipa-reader"></MyLink>
           <MyLink href={'/changelog.txt'} label="changelog"></MyLink>
         </div>
       </div>

src/app/srt-player/components/VideoPlayer/SubtitleDisplay.tsx

@@ -1,4 +1,4 @@
-import { inspect } from "@/utilities";
+import { inspect } from "@/utils";
 
 export default function SubtitleDisplay({ subtitle }: { subtitle: string }) {
     const words = subtitle.match(/\b[\w']+(?:-[\w']+)*\b/g) || [];

src/app/srt-player/layout.tsx

@@ -1,6 +1,5 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
-import "../globals.css";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",

src/app/word-board/layout.tsx

@@ -1,6 +1,5 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
-import "../globals.css";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",

src/app/word-board/page.tsx

@@ -4,7 +4,7 @@ import Button from "../../components/Button";
 import { KeyboardEvent, useRef, useState } from "react";
 import Word from "@/interfaces/Word";
 import { BOARD_WIDTH, TEXT_WIDTH, BOARD_HEIGHT, TEXT_SIZE } from "@/constants";
-import { inspect } from "@/utilities";
+import { inspect } from "@/utils";
 
 export default function Home() {
   const inputRef = useRef<HTMLInputElement>(null);