first commit.

src/features/page-title/PageTitle.module.css

@@ -0,0 +1,6 @@
+.pageTitle {
+  width: 100%;
+  height: 30px;
+  font-size: 150%;
+  margin-bottom: 10px;
+}

src/features/page-title/PageTitle.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { Helmet } from "react-helmet-async";
+import { useAppSelector } from "../../app/hooks";
+import styles from "./PageTitle.module.css";
+import { selectPageTitle } from "./pageTitleSlice";
+
+const PageTitle: React.FC = () => {
+  const title = useAppSelector(selectPageTitle);
+  return (
+    <>
+      <Helmet>
+        <title>{title} - CelLoc3D Server</title>
+      </Helmet>
+      <div className={styles.pageTitle}>{title}</div>
+    </>
+  );
+};
+
+export default PageTitle;

src/features/page-title/pageTitleSlice.ts

@@ -0,0 +1,25 @@
+import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+import { RootState } from "../../app/store";
+
+export interface PageTitleState {
+  value: string;
+}
+
+const initialState: PageTitleState = {
+  value: "",
+};
+
+const pageTitleSlice = createSlice({
+  name: "pageTitle",
+  initialState,
+  reducers: {
+    setTitle: (state, action: PayloadAction<string>) => {
+      state.value = action.payload;
+    },
+  },
+});
+
+export const { setTitle } = pageTitleSlice.actions;
+export const selectPageTitle = (state: RootState) => state.pageTitle.value;
+
+export default pageTitleSlice.reducer;