feat: custom BackOne font, login text centering, and database credentials update

src/app/layout.tsx

@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
+import localFont from "next/font/local";
 import { ThemeProvider } from "@/components/ThemeProvider";
 import "./globals.css";
 const inter = Inter({
@@ -7,6 +8,11 @@ const inter = Inter({
   subsets: ["latin"],
 });
 
+const backoneFont = localFont({
+  src: "../../public/fonts/BackOneLogo-Regular.ttf",
+  variable: "--font-backone",
+});
+
 export const metadata: Metadata = {
   title: "BackOne - Deep Package Inspection",
   description: "BackOne by PT. Data Bisnis Solusi - Network Intelligence Dashboard",
@@ -23,7 +29,7 @@ export default function RootLayout({
   return (
     <html
       lang="en"
-      className={`${inter.variable} h-full antialiased dark`}
+      className={`${inter.variable} ${backoneFont.variable} h-full antialiased dark`}
       suppressHydrationWarning
     >
       <body className="min-h-full flex flex-col">