[FE] Feat #133: useStoreBucketInfo로 데이터 fetch 시 전역 데이터에 저장

Change-Id: Ifb902a68f5d52039343448f34768beaf3d1dac4c

frontend/src/hooks/useStoreBucketInfo.ts

@@ -0,0 +1,18 @@
+import { useEffect } from 'react'
+import { useBucketStore } from '../store/bucketStore'
+import { IBucketInfo } from '../interfaces'
+
+const useStoreBucketInfo = (bucketInfo: IBucketInfo | undefined) => {
+	const { addBucketState, resetAllState } = useBucketStore()
+	useEffect(() => {
+		resetAllState()
+		if (bucketInfo) {
+			addBucketState(bucketInfo)
+		}
+		return () => {
+			resetAllState()
+		}
+	}, [bucketInfo])
+}
+
+export default useStoreBucketInfo

frontend/src/pages/Bucket/BucketDetail/index.tsx

@@ -22,6 +22,7 @@ import { IBucketDetailInfo, IMenu, IMenuFunc } from '../../../interfaces'
 import { icons } from '../../../constants/header-icons'
 import BucketMoreButton from './component/BucketMoreButton'
 import { isMyUserType } from './../../../utils/typeFilter'
+import useStoreBucketInfo from '../../../hooks/useStoreBucketInfo'
 
 const BucketDetail = () => {
 	const [isInputShown, setIsInputShown] = useState(false)
@@ -44,6 +45,7 @@ const BucketDetail = () => {
 		queryKey: ['bucketInfo', bucketId],
 		queryFn: getBucketDetailInfo,
 	})
+	useStoreBucketInfo(bucketDetailInfo?.bucketInfo)
 
 	// :: Header
 	const bucketRightMenu =