feat: Redux Slice für last20Messages ausgelagert und strukturiert umbenannt

- dashboardSlice in last20MessagesSlice umbenannt
- Redux Store Key von 'dashboard' auf 'last20Messages' geändert
- fetchLast20MessagesThunk angepasst: neuer Action-Name 'last20Messages/fetchLast20Messages'
- Komponente Last20MessagesTable aktualisiert: useSelector verweist jetzt auf state.last20Messages
- Struktur für zukünftige Erweiterung vorbereitet

redux/slices/dashboardSlice.ts

@@ -1,23 +0,0 @@
-// /redux/slices/dashboardSlice.ts
-import { createSlice, PayloadAction } from "@reduxjs/toolkit";
-
-interface DashboardState {
-  last20Messages: string | null;
-}
-
-const initialState: DashboardState = {
-  last20Messages: null,
-};
-
-export const dashboardSlice = createSlice({
-  name: "dashboard",
-  initialState,
-  reducers: {
-    setLast20Messages: (state, action: PayloadAction<string | null>) => {
-      state.last20Messages = action.payload;
-    },
-  },
-});
-
-export const { setLast20Messages } = dashboardSlice.actions;
-export default dashboardSlice.reducer;

redux/slices/last20MessagesSlice.ts

@@ -0,0 +1,23 @@
+// /redux/slices/last20MessagesSlice.ts
+import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+
+interface Last20MessagesSlice {
+  last20Messages: string | null;
+}
+
+const initialState: Last20MessagesSlice = {
+  last20Messages: null,
+};
+
+export const last20MessagesSlice = createSlice({
+  name: "last20Messages",
+  initialState,
+  reducers: {
+    setLast20Messages: (state, action: PayloadAction<string | null>) => {
+      state.last20Messages = action.payload;
+    },
+  },
+});
+
+export const { setLast20Messages } = last20MessagesSlice.actions;
+export default last20MessagesSlice.reducer;