Make header icon & name changeable

components/Header.tsx

@@ -24,7 +24,7 @@ export default function Header() {
         <div>
           <a href="https://github.com/lyc8503/UptimeFlare" target="_blank">
             <Text size="xl" span>
-              🕒
+              {pageConfig.header-icon}
             </Text>
             <Text
               size="xl"
@@ -33,7 +33,7 @@ export default function Header() {
               variant="gradient"
               gradient={{ from: 'blue', to: 'cyan', deg: 90 }}
             >
-              UptimeFlare
+              {pageConfig.header}
             </Text>
           </a>
         </div>

uptime.config.ts

@@ -3,6 +3,8 @@ import { MaintenanceConfig, PageConfig, WorkerConfig } from './types/config'
 const pageConfig: PageConfig = {
   // Title for your status page
   title: "lyc8503's Status Page",
+  header-icon: "🕒",
+  header: "UptimeFlare",
   // Links shown at the header of your status page, could set `highlight` to `true`
   links: [
     { link: 'https://github.com/lyc8503', label: 'GitHub' },