feat(diary): improve predefined activities UI and enhance socket event integration

- Updated UI components for managing predefined activities to enhance user experience and accessibility.
- Improved socket event integration for real-time updates related to predefined activities, ensuring seamless interaction with the diary service.
- Refactored related mappers to support new UI changes and maintain data consistency across the application.

backend/server.js

@@ -48,6 +48,7 @@ import nuscoreApiRoutes from './routes/nuscoreApiRoutes.js';
 import memberActivityRoutes from './routes/memberActivityRoutes.js';
 import permissionRoutes from './routes/permissionRoutes.js';
 import apiLogRoutes from './routes/apiLogRoutes.js';
+import clickTtHttpPageRoutes from './routes/clickTtHttpPageRoutes.js';
 import memberTransferConfigRoutes from './routes/memberTransferConfigRoutes.js';
 import trainingGroupRoutes from './routes/trainingGroupRoutes.js';
 import trainingTimeRoutes from './routes/trainingTimeRoutes.js';
@@ -115,6 +116,7 @@ app.use('/api/nuscore', nuscoreApiRoutes);
 app.use('/api/member-activities', memberActivityRoutes);
 app.use('/api/permissions', permissionRoutes);
 app.use('/api/logs', apiLogRoutes);
+app.use('/api/clicktt', clickTtHttpPageRoutes);
 app.use('/api/member-transfer-config', memberTransferConfigRoutes);
 app.use('/api/training-groups', trainingGroupRoutes);
 app.use('/api/training-times', trainingTimeRoutes);