Permission management for User group in front-end

[ildyria]

This pull request introduces support for sharing albums with both individual users and user groups. It refactors the sharing-related components to accommodate this new functionality by introducing a unified UserOrGroup type and updating the UI and logic accordingly.

Support for User and Group Sharing:

• New UserOrGroup Type and Utility Functions: Added a new UserOrGroup type and useSearchUserGroupComputed composable to manage shared users and groups, including loading, filtering, and selecting them. (resources/js/composables/search/searchUserGroupComputed.ts)
• Updated Sharing Data Structure: Modified components like AlbumCreateShareDialog, AlbumTransfer, BulkSharingModal, and CreateSharing to handle both user and group IDs when creating sharing permissions. (resources/js/components/forms/album/AlbumCreateShareDialog.vue, resources/js/components/forms/sharing/BulkSharingModal.vue, and others) [1] [2] [3]

UI Enhancements:

• Dynamic Styling for Groups: Updated UI elements to dynamically style group names differently, using the text-primary-emphasis class for groups. (resources/js/components/forms/album/AlbumCreateShareDialog.vue, resources/js/components/forms/sharing/ShareLine.vue) [1] [2]
• Improved Select Components: Updated SearchTargetUser and other components to display both users and groups in dropdowns and lists, with clear visual differentiation. (resources/js/components/forms/album/SearchTargetUser.vue, resources/js/components/forms/sharing/BulkSharingModal.vue) [1] [2]

Refactoring for Consistency:

• Unified Props and Data Types: Replaced LightUserResource with the new UserOrGroup type across multiple components for consistency and to support groups. (resources/js/components/forms/album/AlbumCreateShareDialog.vue, resources/js/components/forms/sharing/CreateSharing.vue) [1] [2]
• Removed Legacy Code: Refactored and removed redundant logic for filtering and loading users, replacing it with the new composable. (resources/js/components/forms/album/SearchTargetUser.vue, resources/js/components/forms/sharing/BulkSharingModal.vue) [1] [2]

These changes enhance the flexibility of the sharing functionality while maintaining a clean and consistent codebase.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 86.67%. Comparing base (2982aa2) to head (4c9331d).

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.