add(public): more articles and some adjustment to the footer

apps/public/app/global.css

@@ -197,4 +197,20 @@ strong {
 
 h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
   font-size: inherit !important;
+}
+
+.prose pre {
+  background: hsl(var(--background-dark));
+  border: 1px solid hsl(var(--background-light));
+  padding: 10px 15px;
+  border-radius: 10px;
+  font-size: 12px;
+}
+
+.prose pre code {
+  background: transparent;
+  padding: 0;
+  border-radius: 0;
+  font-size: inherit;
+  border: none;
 }

apps/public/app/not-found.tsx

@@ -12,6 +12,7 @@ export default function NotFound({
 }): React.ReactElement {
   return (
     <div>
+      <Navbar />
       <HeroContainer className="h-screen center-center">
         <div className="relative z-10 col gap-2">
           <div className="text-[150px] font-mono font-bold opacity-5 -mb-4">
@@ -23,6 +24,7 @@ export default function NotFound({
           </p>
         </div>
       </HeroContainer>
+      <Footer />
     </div>
   );
 }