add hardware info

app/page.tsx

@@ -1,8 +1,6 @@
 import Image from "next/image";
-import { Shuffle } from "lucide-react";
 
 import CardsSvg from "@/images/cards.svg";
-import { Space } from "@/components/space";
 import { fetchSpaceRandomly } from "@/utils/network";
 import { Shuffler } from "@/components/shuffler";
 

components/space/sub/header.tsx

@@ -1,4 +1,4 @@
-import { Heart } from "lucide-react";
+import { Cpu, Heart } from "lucide-react";
 
 import { Space } from "@/utils/types";
 
@@ -12,7 +12,10 @@ export const SpaceHeader = ({ space }: { space: Space }) => {
         className={`bg-gradient-to-br ${space.colorFrom} ${space.colorTo} -z-[1] blur-lg opacity-50 h-full w-full absolute top-0 left-0`}
       />
       <div className="flex items-center justify-between w-full relative">
-        <p>tags</p>
+        <div className="bg-white/15 border border-white/20 text-white px-1.5 py-0.5 rounded-md flex items-center justify-center gap-1 font-serif text-xs">
+          <Cpu size={14} />
+          {space.runtime.hardware.current ?? "unknown"}
+        </div>
         <p className="flex items-center justify-end gap-1 text-sm text-white">
           <Heart size={14} />
           {space.likes}

utils/types.ts

@@ -22,4 +22,7 @@ export interface SpaceAuthorData {
 
 export interface SpaceRuntime {
   stage: string;
+  hardware: {
+    current: string;
+  }
 }