feat(docs): migrate and reorganize frontend guides for BP panel and file uploads

- Deleted outdated documentation files for BP panel list sorting and Filestore frontend guide.
- Created new documentation files for BP panel list sorting and Filestore frontend guide in the client directory.
- Updated the structure and content to enhance clarity and accessibility for frontend integration with file upload and profile image APIs.
- Ensured consistency in documentation style and improved examples for better developer experience.

src/lib/api/services/user-services.ts

@@ -1,4 +1,5 @@
 import api from "../axios";
+import { buildFileDownloadUrl, extractFileId } from "../config";
 import { API_ENDPOINTS } from "../endpoints";
 import {
   ApiResponse,
@@ -152,11 +153,30 @@ export const userService = {
         throw new Error("No file id returned from upload");
       }
 
-      // /api/proxy/* is rewritten to /admin/v1/* in next.config.
-      return `/api/proxy/${API_ENDPOINTS.FILES.DOWNLOAD(fileId)}`;
+      // Persisted on the backend as the profile image, so it must be an
+      // absolute, directly-loadable URL — not the frontend `/api/proxy` path.
+      return buildFileDownloadUrl(fileId);
     } catch (error) {
       console.error("ERROR caught in User Service Upload Profile Image", error);
       throw error;
     }
   },
+  /**
+   * Fetch an auth-protected file download through the proxy (so the axios
+   * interceptor attaches the bearer token) and return a local object URL that
+   * can be used directly as an `<img>` source.
+   */
+  fetchFileObjectUrl: async (url: string): Promise<string> => {
+    try {
+      const fileId = extractFileId(url);
+      // Route via the relative proxy endpoint when this is a backend file URL;
+      // otherwise fetch the URL as-is.
+      const path = fileId ? API_ENDPOINTS.FILES.DOWNLOAD(fileId) : url;
+      const response = await api.get(path, { responseType: "blob" });
+      return URL.createObjectURL(response.data as Blob);
+    } catch (error) {
+      console.error("ERROR caught in User Service Fetch File Object Url", error);
+      throw error;
+    }
+  },
 };