src/app/layout.tsx

@@ -1,13 +1,13 @@
 import type { Metadata } from "next";
+import { Inter } from "next/font/google";
 
 import { ThemeProvider } from "./ui/theme";
 import { Toaster } from "@/components/ui/toaster";
 import "./globals.css";
 import Navlinks from "./ui/navLinks";
 import { ModeToggle } from "./ui/modeToggle";
-import { inter } from "./ui/fonts";
-
 
+const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
   title: "Subman",

src/app/publication/page.tsx

@@ -13,7 +13,7 @@ export default async function Page() {
   const pubs = await getPubsWithGenres()
   return (
     <div className="container mx-auto">
-      <DataTable data={pubs} columns={columns} tableName="pub" genres={genres}>
+      <DataTable data={pubs} columns={columns} tableName="pubs" genres={genres}>
         <CreatePubDialog genres={genres} />
       </DataTable>
 

src/app/ui/fonts.ts

@@ -1,3 +0,0 @@
-import { Inter } from 'next/font/google';
-
-export const inter = Inter({ subsets: ['latin'] });