refactor: コンポーネントの命名規則を変更

- ついでにロゴタイプのフォントスタイルを変更

Author: arrow2nd

components/cards/card.tsx components/Card.tsx

@@ -1,8 +1,5 @@
 import { CardDetail } from "@interfaces/card.ts";
 
-/**
- * @params CardDetail カードの詳細
- */
 export default function Card({ title, count, icon }: CardDetail) {
   return (
     <div class="px-8 py-4 w-80 md:w-96 h-32 flex flex-row justify-between items-center bg-card rounded-md shadow-sm">

components/cards/index.tsx components/Cards.tsx

@@ -1,4 +1,4 @@
-import Card from "@components/cards/card.tsx";
+import Card from "@components/Card.tsx";
 
 import { CardDetail } from "@interfaces/card.ts";
 

components/error/index.tsx components/Error.tsx

@@ -1,4 +1,4 @@
-import Link from "@components/common/link.tsx";
+import Link from "@components/Link.tsx";
 
 export default function Footer() {
   return (

components/footer/index.tsx components/Footer.tsx

@@ -0,0 +1,26 @@
+import LinkButton from "@components/LinkButton.tsx";
+
+export default function Header() {
+  return (
+    <div class="w-full px-4 py-10 flex flex-row justify-between items-center">
+      <div class="flex items-center">
+        <i class="ti ti-at text-3xl md:text-4xl" />
+        <span class="ml-3 font-medium text-md md:text-lg">
+          <p>im@sparql</p>
+          <p>Data Dashboard</p>
+        </span>
+      </div>
+      <div class="space-x-2 md:space-x-4">
+        <LinkButton title="im@sparql" href="https://sparql.crssnky.xyz/imas/">
+          <i class="ti ti-database text-xl md:text-2xl" />
+        </LinkButton>
+        <LinkButton
+          title="GitHub"
+          href="https://github.com/arrow2nd/imasparql-data-dashboard"
+        >
+          <i class="ti ti-brand-github text-xl md:text-2xl" />
+        </LinkButton>
+      </div>
+    </div>
+  );
+}

components/Header.tsx

@@ -1,5 +1,5 @@
-import Link from "@components/common/link.tsx";
 import { JSX } from "preact";
+import Link from "@components/Link.tsx";
 
 export default function LinkButton(
   props: JSX.HTMLAttributes<HTMLAnchorElement>

components/common/link.tsx components/Link.tsx

@@ -1,9 +1,9 @@
 import { Handlers, PageProps } from "$fresh/server.ts";
 
-import Cards from "@components/cards/index.tsx";
-import Err from "@components/error/index.tsx";
-import Header from "@components/header/index.tsx";
-import Footer from "@components/footer/index.tsx";
+import Cards from "@components/Cards.tsx";
+import Err from "@components/Error.tsx";
+import Header from "@components/Header.tsx";
+import Footer from "@components/Footer.tsx";
 
 import { fetchCardDetails } from "@libs/fetch.ts";