feat(socialnetwork): enhance folder and video management with user visibility options

- Added functionality to manage selected users for adult folders and erotic videos, allowing for more granular visibility control.
- Introduced new endpoints and methods in the SocialNetworkController and SocialNetworkService to handle selected users.
- Updated the frontend components to include input fields for selected users in CreateFolderDialog, EditImageDialog, and EroticPicturesView.
- Enhanced the routing to support fetching erotic folders and videos by username, improving user experience in profile views.

frontend/src/dialogues/socialnetwork/UserProfileDialog.vue

@@ -23,6 +23,14 @@
                             <td>{{ generateValue(key, value) }}</td>
                         </tr>
                     </table>
+                    <div v-if="canOpenEroticPictures" class="adult-actions">
+                        <button type="button" @click="openEroticPictures">
+                            {{ $t('socialnetwork.erotic.picturesTitle') }}
+                        </button>
+                        <button type="button" @click="openEroticVideos">
+                            {{ $t('socialnetwork.erotic.videosTitle') }}
+                        </button>
+                    </div>
                 </div>
                 <div class="tab-content images-tab" v-if="activeTab === 'images'">
                     <div v-if="folders.length === 0">{{ $t('socialnetwork.profile.noFolders') }}</div>
@@ -98,6 +106,7 @@ import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
 import DOMPurify from 'dompurify';
 import { showError } from '@/utils/feedback.js';
+import { mapGetters } from 'vuex';
 
 export default {
     name: 'UserProfileDialog',
@@ -106,6 +115,16 @@ export default {
         FolderItem,
         EditorContent,
     },
+    computed: {
+        ...mapGetters(['user']),
+        canOpenEroticPictures() {
+            return Boolean(
+                this.userProfile?.username &&
+                this.user?.username &&
+                this.userProfile.username !== this.user.username
+            );
+        }
+    },
     data() {
         return {
             isTitleTranslated: true,
@@ -251,6 +270,24 @@ export default {
         openImageDialog(image) {
             this.$root.$refs.showImageDialog.open(image);
         },
+        openEroticPictures() {
+            this.closeDialog();
+            this.$router.push({
+                name: 'EroticPictures',
+                query: {
+                    username: this.userProfile.username
+                }
+            });
+        },
+        openEroticVideos() {
+            this.closeDialog();
+            this.$router.push({
+                name: 'EroticVideos',
+                query: {
+                    username: this.userProfile.username
+                }
+            });
+        },
         toggleInputSection() {
             this.showInputSection = !this.showInputSection;
         },
@@ -468,6 +505,10 @@ export default {
     margin-bottom: 20px;
 }
 
+.adult-actions {
+    margin-top: 20px;
+}
+
 .form-group {
     margin: 10px 0;
 }