fix: carousel display + refactor attachment url

frontend/src/hooks/useGetAttachmentUrl.ts

@@ -0,0 +1,20 @@
+/*
+ * Copyright © 2025 Hexastack. All rights reserved.
+ *
+ * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
+ * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
+ * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
+ */
+
+import { AttachmentForeignKey } from "@/types/message.types";
+import { getAttachmentDownloadUrl } from "@/utils/attachment";
+
+import { useConfig } from "./useConfig";
+
+export const useGetAttachmentUrl = () => {
+  const { apiUrl } = useConfig();
+
+  return (attachment: AttachmentForeignKey) => {
+    return getAttachmentDownloadUrl(apiUrl, attachment);
+  };
+};