Edit footer and its style.

demo/demo.tsx

@@ -4,6 +4,7 @@ import {DemoApp} from "./DemoApp";
 import {createBrowserRouter} from "react-router-dom";
 import {Kernel} from "../src/Application/Kernel";
 import {NavTest} from "./NavTest";
+import {Avocado} from "@phosphor-icons/react";
 
 // Router initialization.
 const router = createBrowserRouter([
@@ -26,7 +27,8 @@ document.addEventListener("DOMContentLoaded", () => {
 
 	root.render(<Kernel router={router} footer={
 		<footer>
-			Footer test.
+			<Avocado weight={"duotone"} size={32} />
+			<div>Kernel</div>
 		</footer>
 	} />);
 });

src/styles/_footer.less

@@ -0,0 +1,6 @@
+footer
+{
+	margin: 4em auto;
+	color: var(--foreground-lightest);
+	text-align: center;
+}

src/styles/main.less

@@ -5,3 +5,5 @@
 @import "_common";
 
 @import "_components";
+
+@import "_footer";