[Refactor] QFEED-97 Q-Space 메인페이지 (#57)

* feat: qfeed-97 qspace 메인페이지 api 임시 연동

* feat: qfeed-97 qspace mainpage api 연동

* refactor: qfeed-97 qspace main page 코드 구조 수정

* refactor: qfeed-97 qspace 메인페이지 image props 수정

* style: qfeed-97 카테고리 섹션 가로 스크롤 제거

src/pages/QSpace/QSpaceMain/styles.ts

@@ -15,6 +15,10 @@ export const CategorySection = styled.div`
   padding: 1rem 0;
   overflow-x: auto;
   white-space: nowrap;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
 `;
 
 export const CategoryList = styled.div`
@@ -41,4 +45,5 @@ export const QSpaceList = styled.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
+  padding-bottom: 6rem;
 `;

src/pages/QSpace/types/group.ts

@@ -11,7 +11,9 @@ export interface Group {
 export interface CreateGroupRequest {
   groupName: string;
   description: string;
-  isOpen: boolean;
+  categoryId: number;
+  url: string;
+  isOpen: true;
 }
 
 export interface UpdateGroupRequest extends Partial<CreateGroupRequest> {

src/utils/getQSpaceCard.ts

@@ -5,7 +5,7 @@ import { Group } from '@/pages/QSpace/types/group';
 export const getQSpaceCard = (group: Group): QSpaceCardProps => {
   return {
     key: group.groupId,
-    imageUrl: '/src/assets/img/sample-image.jpg',
+    imageUrl: group.url,
     title: group.groupName,
     description: group.description,
     memberCount: group.membersCount,