refactor: update home page metadata (#15)

src/app/layout.tsx

@@ -14,8 +14,8 @@ const ibm_plex_sans = IBM_Plex_Sans({
 });
 
 export const metadata: Metadata = {
-  title: "Darwinia xToken - Helix Bridge",
-  description: "Darwinia xToken cross-chain powered by Helix Bridge.",
+  title: "Helix xToken - Helix Bridge",
+  description: "Helix Bridge for xToken cross-chain.",
 };
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {

src/app/page.tsx

@@ -1,7 +1,13 @@
+import { Metadata } from "next";
 import dynamic from "next/dynamic";
 
 const PageSelect = dynamic(() => import("@/components/page-select"), { ssr: false });
 
+export const metadata: Metadata = {
+  title: "Darwinia xToken - Helix Bridge",
+  description: "Darwinia xToken cross-chain powered by Helix Bridge.",
+};
+
 export default function Home() {
   return <PageSelect />;
 }

src/app/records/[id]/page.tsx

@@ -2,6 +2,12 @@ import Footer from "@/components/footer";
 import Header from "@/components/header";
 import RecordDetail from "@/components/record-detail";
 import PageWrap from "@/ui/page-wrap";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Darwinia xToken - Helix Bridge",
+  description: "Darwinia xToken cross-chain powered by Helix Bridge.",
+};
 
 interface Props {
   params: {

src/app/records/page.tsx

@@ -1,10 +1,16 @@
 import Footer from "@/components/footer";
 import Header from "@/components/header";
 import PageWrap from "@/ui/page-wrap";
+import { Metadata } from "next";
 import dynamic from "next/dynamic";
 
 const HistoryRecords = dynamic(() => import("@/components/history-records"));
 
+export const metadata: Metadata = {
+  title: "Darwinia xToken - Helix Bridge",
+  description: "Darwinia xToken cross-chain powered by Helix Bridge.",
+};
+
 export default function RecordsPage() {
   return (
     <>