完成页面的基础配置

src/components/title/index.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import React from "react";
+import { IoIosWater } from "react-icons/io";
+import { PROJECT_TITLE } from "@config/config";
+
+interface TitleProps {
+  collapsed?: boolean;
+}
+
+export const Title: React.FC<TitleProps> = ({ collapsed = false }) => {
+  return (
+    <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
+      <IoIosWater className="w-6 h-6" style={{ color: "#1976d2" }} />
+      {!collapsed && <span className="select-none"> {PROJECT_TITLE} </span>}
+    </div>
+  );
+};