the great renaming

src/app/pages/dashboard/dashboard.component.html

@@ -0,0 +1,28 @@
+<ff-header
+  [link]="ERouteKey.Home"
+  [page]="lang.screens.dashboard.title"
+></ff-header>
+<div class="p-4 flex flex-col gap-4">
+  @for (chibi of chibis(); track $index) {
+    <a
+      [routerLink]="['/' + ERouteKey.Interactions + '/' + chibi.id]"
+      class="w-full flex flex-row gap-4 bg-primary-200 p-4 rounded-lg cursor-pointer"
+    >
+      <img [src]="chibi.iconPath" class="rounded-full w-3/12" />
+      <div>
+        <div class="flex flex-row items-center gap-2">
+          <div
+            class="flex flex-row items-center justify-center rounded-full bg-primary-300 relative w-8 h-8 relative"
+          >
+            <h3
+              class="top-0 left-0 absolute flex flex-row items-center justify-center w-8 h-8 text-primary-700 text-2xl font-bold"
+            >
+              {{ chibi.level }}
+            </h3>
+          </div>
+          <h3 class="font-semibold text-lg">{{ chibi.name }}</h3>
+        </div>
+      </div>
+    </a>
+  }
+</div>