updated header slice

redux/slices/headerSlice.js

+// store/HeaderSlice.js
+
 import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
 import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
 import axios from "axios";
 import axios from "axios";
 import qs from "qs";
 import qs from "qs";
 
 
 export const fetchHeader = createAsyncThunk(
 export const fetchHeader = createAsyncThunk(
-    "HeaderSlice/fetchHeader",
+  "Header/fetchHeader",
   async () => {
   async () => {
     const query = {
     const query = {
-            populate: [
-                "headerLeft",
-                "headerRight.image",
-            ],
+      populate: ["headerLeft", "headerRight.image"],
     };
     };
+
     const queryString = qs.stringify(query, {
     const queryString = qs.stringify(query, {
       encodeValuesOnly: true,
       encodeValuesOnly: true,
     });
     });
+
     const endpoint = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/headers?${queryString}`;
     const endpoint = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/headers?${queryString}`;
+
     const response = await axios.get(endpoint);
     const response = await axios.get(endpoint);
+
     return response.data.data;
     return response.data.data;
   }
   }
 );
 );
@@ -43,4 +46,5 @@ const HeaderSlice = createSlice({
       });
       });
   },
   },
 });
 });
+
 export default HeaderSlice.reducer;
 export default HeaderSlice.reducer;
\ No newline at end of file