fixes #2132 implementing and improving new album selector

- Moved all related logic into album_selector.js for better maintainability and separation of concerns.

- Removed duplicates in TPL and CSS files, consolidating them into a single CSS file and a single TPL file for better organization and efficiency.

- Implementation of the album selector in the pages: photo editing, album editing and batch manager unit.

- Improved the album selector by adding a creation mode to create and select an album (only in admin pages).

admin/themes/default/theme.css

@@ -4348,14 +4348,6 @@ a#showPermissions:hover {text-decoration: none;}
   background-color: white;
 }
 
-.ClosePopIn {
-  position: absolute;
-  right: -40px;
-  top: -40px;
-  font-size: 30px;
-  color: white;
-}
-
 .AddIcon {
   border-radius: 9999px;
   padding: 10px;
@@ -6896,6 +6888,18 @@ color:#FF7B00;
 .user-property-input {
   color:#353535;
   background-color:#F3F3F3;
+  width: 100%;
+  box-sizing:border-box;
+  font-size:1.1em;
+  padding:8px 16px;
+  border:none;
+}
+
+.user-property-label {
+  color:#A4A4A4;
+  font-weight:bold;
+  font-size:1.1em;
+  margin-bottom:5px;
 }
 
 .user-property-input[type="text"] {
@@ -7156,123 +7160,6 @@ color:#FF7B00;
   color: #3A3A3A;
 }
 
-#addLinkedAlbum {
-  display:none;
-}
-
-.linkedAlbumPopIn {
-  position: fixed;
-  z-index: 102;
-  left: 0;
-  top: 0;
-  width: 100%; 
-  height: 100%;
-  overflow: auto; 
-  background-color: rgba(0,0,0,0.7);
-}
-
-.linkedAlbumPopInContainer {
-  display:flex;
-  position:absolute;
-  left:50%;
-  top: 50%;
-  transform:translate(-50%, -48%);
-  text-align:left;
-  padding:20px;
-  flex-direction:column;
-  border-radius:15px;
-  align-items:center;
-  width: 400px;
-  height: 400px;
-}
-
-.linkedAlbumPopInContainer .AddIconContainer {
-  margin-top: 20px;
-}
-
-.ClosePopIn {
-  position: absolute;
-  right: -40px;
-  top: -40px;
-  font-size: 30px;
-  color: white;
-}
-
-.linkedAlbumPopInContainer .AddIcon {
-  border-radius: 9999px;
-  padding: 10px;
-  font-size: 2em;
-}
-.AddIconTitle {
-  font-size: 1.4em;
-  font-weight: bold;
-  text-align: center;
-  margin-bottom: 10px;
-  margin-top: 15px;
-}
-
-#linkedAlbumSearch .search-icon {
-  position: absolute;
-  transform: translate(7px, 8px);
-  font-size: 18px;
-  top: auto;
-}
-
-.linkedAlbumPopInContainer #searchResult {
-  width: 100%;
-  overflow-y: auto;
-  max-height: 400px;
-  margin: 10px 0 0 0;
-}
-
-.search-cancel-linked-album {
-  opacity: 0.4;
-  cursor: pointer;
-  position: absolute;
-  font-size: 18px;
-  transform: translate(215px, 8px);
-}
-
-.search-cancel-linked-album:hover {
-  opacity: 1;
-}
-
-.search-result-item {
-  margin: 10px 0px;
-  padding: 5px 10px;
-  height: 25px;
-  background-color: #fafafa;
-  box-shadow: 0px 2px #00000024;
-  border-radius: 5px;
-  font-weight: bold;
-  color: #777;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-}
-
-.search-result-path {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 80%;
-  direction: rtl;
-  text-align: left;
-}
-
-.search-result-item .icon-plus-circled{
-  margin-left: auto;
-  cursor: pointer;
-}
-
-.search-result-item .notClickable {
-  opacity: 0.3;
-}
-
-.linkedAlbumPopInContainer .searching {
-  margin-top: 10px;
-}
-
 .invisible-related-categories-select {
   display: none;
 }