refact: 수정사항 반영

Author: hyeeuncho

src/pages/home/ui/MainPage.tsx

@@ -15,6 +15,7 @@ import ProfileCircle from '../../../../design-system/ui/Profile';
 import useEventList from '../../../entities/event/hook/useEventListHook';
 import FloatingButton from '../../../shared/ui/FloatingButton';
 import manualIcon from '../../../../public/assets/menu/help.svg';
+import { USER_MANUAL_URL } from '../../../shared/types/menuType';
 const MainPage = () => {
   const navigate = useNavigate();
   const { isModalOpen, openModal, closeModal, isLoggedIn, name } = useAuthStore();
@@ -85,8 +86,8 @@ const MainPage = () => {
       >
         전체 이벤트 보러가기 <span className="ml-1.5">&gt;</span>
       </button>
-      <div className="sticky bottom-6 w-full flex justify-end px-6 z-50">
-        <FloatingButton ariaLabel="사용법" onClick={() => window.open('https://namu00.notion.site/209eaffb9b0e803d9bc3da1fa0be5496', '_blank')} className='bottom-24'>
+      <div className="sticky w-full flex justify-end px-6 z-50">
+        <FloatingButton ariaLabel="사용법" onClick={() => window.open(USER_MANUAL_URL, '_blank')} className='bottom-24'>
           <img src={manualIcon} alt="사용법" className="w-full h-full" />
         </FloatingButton>
       </div>

src/pages/menu/ui/myHost/MyHostPage.tsx

@@ -9,6 +9,7 @@ import TertiaryButton from '../../../../../design-system/ui/buttons/TertiaryButt
 import useAuthStore from '../../../../app/provider/authStore';
 import FloatingButton from '../../../../shared/ui/FloatingButton';
 import manualIcon from '../../../../../public/assets/menu/help.svg';
+import { HOST_MANUAL_URL } from '../../../../shared/types/menuType';
 
 const MyHostPage = () => {
   const [selectedHostId, setSelectedHostId] = useState<number | null>(null);
@@ -80,8 +81,8 @@ const MyHostPage = () => {
             />
           ))}
       </div>
-      <div className="sticky bottom-6 w-full flex justify-end px-6 z-50">
-        <FloatingButton ariaLabel="사용법" onClick={() => window.open('https://namu00.notion.site/209eaffb9b0e80caa0dae68c1e12ed0f', '_blank')} className='bottom-6'>
+      <div className="sticky w-full flex justify-end px-6 z-50">
+        <FloatingButton ariaLabel="사용법" onClick={() => window.open(HOST_MANUAL_URL, '_blank')} className='bottom-8'>
           <img src={manualIcon} alt="사용법" className="w-full h-full" />
         </FloatingButton>
       </div>

src/shared/types/menuType.ts

@@ -12,6 +12,10 @@ import useAuthStore from '../../app/provider/authStore';
 import Manual from '../../../public/assets/menu/manual.svg';
 import SelectedManual from '../../../public/assets/menu/SelectedManual.svg';
 
+export const USER_MANUAL_URL = 'https://namu00.notion.site/209eaffb9b0e803d9bc3da1fa0be5496';
+export const HOST_MANUAL_URL = 'https://namu00.notion.site/209eaffb9b0e80caa0dae68c1e12ed0f';
+
+
 export interface buttonData {
   iconPath: string; // 아이콘 경로
   hoverIconPath: string; // 호버 아이콘 경로
@@ -28,7 +32,7 @@ export const getButtonData = (): buttonData[] => {
     { iconPath: Host, hoverIconPath: SelectedHost, label: '내 호스트', path: '/menu/myHost' },
     { iconPath: Event, hoverIconPath: SelectedEvent, label: '이벤트 주최하기', path: '/event-creation' },
     { iconPath: Setting, hoverIconPath: SelectedSetting, label: '마이페이지', path: '/menu/myPage' },
-    { iconPath: Manual, hoverIconPath: SelectedManual, label: '사용법', path: '/menu/myTicket', url: 'https://namu00.notion.site/209eaffb9b0e803d9bc3da1fa0be5496' },
+    { iconPath: Manual, hoverIconPath: SelectedManual, label: '사용법', path: '/menu/myTicket', url: USER_MANUAL_URL },
   ];
 
   if (isLoggedIn) {