feat(DiaryDateActivity, DiaryView): integrate groupId for enhanced activity management

- Added `groupId` field to the DiaryDateActivity model to support group-specific activities.
- Updated create and update methods in DiaryDateActivityService to handle groupId, ensuring proper validation and association with groups.
- Enhanced DiaryView component to allow selection of groups for activities, improving user experience and activity organization.
- Implemented filtering logic in DiaryView to display activities based on selected group, enhancing data clarity and usability.

backend/controllers/diaryDateActivityController.js

@@ -7,7 +7,7 @@ export const createDiaryDateActivity = async (req, res) => {
     try {
         const { authcode: userToken } = req.headers;
         const { clubId } = req.params;
-        const { diaryDateId, activity, predefinedActivityId, duration, durationText, orderId, isTimeblock } = req.body;
+        const { diaryDateId, activity, predefinedActivityId, duration, durationText, orderId, isTimeblock, groupId } = req.body;
         const activityItem = await diaryDateActivityService.createActivity(userToken, clubId, {
             diaryDateId,
             activity,
@@ -16,6 +16,7 @@ export const createDiaryDateActivity = async (req, res) => {
             durationText,
             orderId,
             isTimeblock,
+            groupId,
         });
         
         // Emit Socket-Event
@@ -152,7 +153,7 @@ export const updateGroupActivity = async(req, res) => {
     try {
         const { authcode: userToken } = req.headers;
         const { clubId, groupActivityId } = req.params;
-        const { predefinedActivityId, duration, durationText, orderId } = req.body;
+        const { predefinedActivityId, duration, durationText, orderId, groupId } = req.body;
         const activityItem = await diaryDateActivityService.updateGroupActivity(
             userToken,
             clubId,
@@ -160,7 +161,8 @@ export const updateGroupActivity = async(req, res) => {
             predefinedActivityId,
             duration,
             durationText,
-            orderId
+            orderId,
+            groupId
         );
         
         // Emit Socket-Event