diff --git a/profile/components/card_image_asc.php b/profile/components/card_image_asc.php
index cdfe516d..2c96785f 100644
--- a/profile/components/card_image_asc.php
+++ b/profile/components/card_image_asc.php
@@ -271,7 +271,7 @@ function updateProgress(event) {
                                           if (!empty($tag)) {
                                       ?>
                                         <a href="/tagged_images.php?tag=<?php echo urlencode($tag); ?>"
-                                          class="btn btn-sm btn-outline-dark mb-1 rounded-pill fw-bold">
+                                          class="btn btn-sm btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> mb-1 rounded-pill fw-bold">
                                           <i class="bi bi-tags-fill"></i> <?php echo $tag; ?>
                                         </a>
                                       <?php
diff --git a/profile/components/card_image_desc.php b/profile/components/card_image_desc.php
index e404f7a5..ac0b39c7 100644
--- a/profile/components/card_image_desc.php
+++ b/profile/components/card_image_desc.php
@@ -271,7 +271,7 @@ function updateProgress(event) {
                                           if (!empty($tag)) {
                                       ?>
                                         <a href="/tagged_images.php?tag=<?php echo urlencode($tag); ?>"
-                                          class="btn btn-sm btn-outline-dark mb-1 rounded-pill fw-bold">
+                                          class="btn btn-sm btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> mb-1 rounded-pill fw-bold">
                                           <i class="bi bi-tags-fill"></i> <?php echo $tag; ?>
                                         </a>
                                       <?php
diff --git a/profile/components/card_image_least.php b/profile/components/card_image_least.php
index c8fb3e08..9d7773ea 100644
--- a/profile/components/card_image_least.php
+++ b/profile/components/card_image_least.php
@@ -271,7 +271,7 @@ function updateProgress(event) {
                                           if (!empty($tag)) {
                                       ?>
                                         <a href="/tagged_images.php?tag=<?php echo urlencode($tag); ?>"
-                                          class="btn btn-sm btn-outline-dark mb-1 rounded-pill fw-bold">
+                                          class="btn btn-sm btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> mb-1 rounded-pill fw-bold">
                                           <i class="bi bi-tags-fill"></i> <?php echo $tag; ?>
                                         </a>
                                       <?php
diff --git a/profile/components/card_image_like.php b/profile/components/card_image_like.php
index c8fb3e08..9d7773ea 100644
--- a/profile/components/card_image_like.php
+++ b/profile/components/card_image_like.php
@@ -271,7 +271,7 @@ function updateProgress(event) {
                                           if (!empty($tag)) {
                                       ?>
                                         <a href="/tagged_images.php?tag=<?php echo urlencode($tag); ?>"
-                                          class="btn btn-sm btn-outline-dark mb-1 rounded-pill fw-bold">
+                                          class="btn btn-sm btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> mb-1 rounded-pill fw-bold">
                                           <i class="bi bi-tags-fill"></i> <?php echo $tag; ?>
                                         </a>
                                       <?php
diff --git a/profile/components/card_image_order_asc.php b/profile/components/card_image_order_asc.php
index cdfe516d..2c96785f 100644
--- a/profile/components/card_image_order_asc.php
+++ b/profile/components/card_image_order_asc.php
@@ -271,7 +271,7 @@ function updateProgress(event) {
                                           if (!empty($tag)) {
                                       ?>
                                         <a href="/tagged_images.php?tag=<?php echo urlencode($tag); ?>"
-                                          class="btn btn-sm btn-outline-dark mb-1 rounded-pill fw-bold">
+                                          class="btn btn-sm btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> mb-1 rounded-pill fw-bold">
                                           <i class="bi bi-tags-fill"></i> <?php echo $tag; ?>
                                         </a>
                                       <?php
diff --git a/profile/components/card_image_order_desc.php b/profile/components/card_image_order_desc.php
index e404f7a5..ac0b39c7 100644
--- a/profile/components/card_image_order_desc.php
+++ b/profile/components/card_image_order_desc.php
@@ -271,7 +271,7 @@ function updateProgress(event) {
                                           if (!empty($tag)) {
                                       ?>
                                         <a href="/tagged_images.php?tag=<?php echo urlencode($tag); ?>"
-                                          class="btn btn-sm btn-outline-dark mb-1 rounded-pill fw-bold">
+                                          class="btn btn-sm btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> mb-1 rounded-pill fw-bold">
                                           <i class="bi bi-tags-fill"></i> <?php echo $tag; ?>
                                         </a>
                                       <?php
diff --git a/profile/components/card_image_pop.php b/profile/components/card_image_pop.php
index a6f8d649..48d9d7ac 100644
--- a/profile/components/card_image_pop.php
+++ b/profile/components/card_image_pop.php
@@ -271,7 +271,7 @@ function updateProgress(event) {
                                           if (!empty($tag)) {
                                       ?>
                                         <a href="/tagged_images.php?tag=<?php echo urlencode($tag); ?>"
-                                          class="btn btn-sm btn-outline-dark mb-1 rounded-pill fw-bold">
+                                          class="btn btn-sm btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> mb-1 rounded-pill fw-bold">
                                           <i class="bi bi-tags-fill"></i> <?php echo $tag; ?>
                                         </a>
                                       <?php
diff --git a/profile/components/card_image_view.php b/profile/components/card_image_view.php
index 2f653504..e78cbbbc 100644
--- a/profile/components/card_image_view.php
+++ b/profile/components/card_image_view.php
@@ -271,7 +271,7 @@ function updateProgress(event) {
                                           if (!empty($tag)) {
                                       ?>
                                         <a href="/tagged_images.php?tag=<?php echo urlencode($tag); ?>"
-                                          class="btn btn-sm btn-outline-dark mb-1 rounded-pill fw-bold">
+                                          class="btn btn-sm btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> mb-1 rounded-pill fw-bold">
                                           <i class="bi bi-tags-fill"></i> <?php echo $tag; ?>
                                         </a>
                                       <?php
diff --git a/profile/components/delete_image_asc.php b/profile/components/delete_image_asc.php
index 6114e1a8..e9789074 100644
--- a/profile/components/delete_image_asc.php
+++ b/profile/components/delete_image_asc.php
@@ -24,13 +24,15 @@
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
                           </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageA['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageA['filename']; ?>" alt="<?php echo $imageA['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageA['filename']; ?>" alt="<?php echo $imageA['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -38,25 +40,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageA['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageA['imgdesc'])) {
-                                        $messageText = $imageA['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -65,7 +48,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageA['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/components/delete_image_desc.php b/profile/components/delete_image_desc.php
index 90b2bebd..58374ff1 100644
--- a/profile/components/delete_image_desc.php
+++ b/profile/components/delete_image_desc.php
@@ -24,13 +24,15 @@
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
                           </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageD['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageD['filename']; ?>" alt="<?php echo $imageD['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageD['filename']; ?>" alt="<?php echo $imageD['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -38,25 +40,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageD['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageD['imgdesc'])) {
-                                        $messageText = $imageD['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -65,7 +48,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageD['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/components/delete_image_least.php b/profile/components/delete_image_least.php
index 6adebb8a..f59cb7b5 100644
--- a/profile/components/delete_image_least.php
+++ b/profile/components/delete_image_least.php
@@ -11,7 +11,7 @@
 ?>
 
             <div>
-              <form action="<?php echo $url; ?>" method="post">
+              <form action="../../profile/delete.php?by=<?php echo isset($_GET['by']) ? $_GET['by'] : 'newest'; ?>&page=<?php echo $page; ?>" method="post">
                 <!-- Modal -->
                 <div class="modal fade" id="deleteImage_<?php echo $imageL['id']; ?>" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                   <div class="modal-dialog modal-fullscreen modal-dialog-centered" role="document">
@@ -24,13 +24,15 @@
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
                           </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageL['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageL['filename']; ?>" alt="<?php echo $imageL['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageL['filename']; ?>" alt="<?php echo $imageL['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -38,25 +40,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageL['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageL['imgdesc'])) {
-                                        $messageText = $imageL['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -65,7 +48,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageL['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/components/delete_image_like.php b/profile/components/delete_image_like.php
index 6adebb8a..f59cb7b5 100644
--- a/profile/components/delete_image_like.php
+++ b/profile/components/delete_image_like.php
@@ -11,7 +11,7 @@
 ?>
 
             <div>
-              <form action="<?php echo $url; ?>" method="post">
+              <form action="../../profile/delete.php?by=<?php echo isset($_GET['by']) ? $_GET['by'] : 'newest'; ?>&page=<?php echo $page; ?>" method="post">
                 <!-- Modal -->
                 <div class="modal fade" id="deleteImage_<?php echo $imageL['id']; ?>" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                   <div class="modal-dialog modal-fullscreen modal-dialog-centered" role="document">
@@ -24,13 +24,15 @@
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
                           </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageL['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageL['filename']; ?>" alt="<?php echo $imageL['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageL['filename']; ?>" alt="<?php echo $imageL['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -38,25 +40,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageL['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageL['imgdesc'])) {
-                                        $messageText = $imageL['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -65,7 +48,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageL['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/components/delete_image_order_asc.php b/profile/components/delete_image_order_asc.php
index 6114e1a8..e9789074 100644
--- a/profile/components/delete_image_order_asc.php
+++ b/profile/components/delete_image_order_asc.php
@@ -24,13 +24,15 @@
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
                           </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageA['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageA['filename']; ?>" alt="<?php echo $imageA['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageA['filename']; ?>" alt="<?php echo $imageA['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -38,25 +40,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageA['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageA['imgdesc'])) {
-                                        $messageText = $imageA['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -65,7 +48,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageA['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/components/delete_image_order_desc.php b/profile/components/delete_image_order_desc.php
index 90b2bebd..58374ff1 100644
--- a/profile/components/delete_image_order_desc.php
+++ b/profile/components/delete_image_order_desc.php
@@ -24,13 +24,15 @@
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
                           </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageD['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageD['filename']; ?>" alt="<?php echo $imageD['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageD['filename']; ?>" alt="<?php echo $imageD['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -38,25 +40,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageD['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageD['imgdesc'])) {
-                                        $messageText = $imageD['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -65,7 +48,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageD['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/components/delete_image_pop.php b/profile/components/delete_image_pop.php
index d7f09fb3..465ae759 100644
--- a/profile/components/delete_image_pop.php
+++ b/profile/components/delete_image_pop.php
@@ -11,7 +11,7 @@
 ?>
 
             <div>
-              <form action="<?php echo $url; ?>" method="post">
+              <form action="../../profile/delete.php?by=<?php echo isset($_GET['by']) ? $_GET['by'] : 'newest'; ?>&page=<?php echo $page; ?>" method="post">
                 <!-- Modal -->
                 <div class="modal fade" id="deleteImage_<?php echo $imageP['id']; ?>" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                   <div class="modal-dialog modal-fullscreen modal-dialog-centered" role="document">
@@ -24,13 +24,15 @@
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
                           </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageP['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageP['filename']; ?>" alt="<?php echo $imageP['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageP['filename']; ?>" alt="<?php echo $imageP['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -38,25 +40,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageP['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageP['imgdesc'])) {
-                                        $messageText = $imageP['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -65,7 +48,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageP['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/components/delete_image_view.php b/profile/components/delete_image_view.php
index ba3e5142..6a5b0505 100644
--- a/profile/components/delete_image_view.php
+++ b/profile/components/delete_image_view.php
@@ -11,7 +11,7 @@
 ?>
 
             <div>
-              <form action="<?php echo $url; ?>" method="post">
+              <form action="../../profile/delete.php?by=<?php echo isset($_GET['by']) ? $_GET['by'] : 'newest'; ?>&page=<?php echo $page; ?>" method="post">
                 <!-- Modal -->
                 <div class="modal fade" id="deleteImage_<?php echo $imageV['id']; ?>" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                   <div class="modal-dialog modal-fullscreen modal-dialog-centered" role="document">
@@ -24,13 +24,15 @@
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
                           </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageV['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageV['filename']; ?>" alt="<?php echo $imageV['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageV['filename']; ?>" alt="<?php echo $imageV['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -38,25 +40,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageV['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageV['imgdesc'])) {
-                                        $messageText = $imageV['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -65,7 +48,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageV['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/components/delete_tagged_asc.php b/profile/components/delete_tagged_asc.php
index dc6be6f6..05f643f2 100644
--- a/profile/components/delete_tagged_asc.php
+++ b/profile/components/delete_tagged_asc.php
@@ -12,13 +12,15 @@
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
                           </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageA['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageA['filename']; ?>" alt="<?php echo $imageA['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageA['filename']; ?>" alt="<?php echo $imageA['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -26,25 +28,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageA['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageA['imgdesc'])) {
-                                        $messageText = $imageA['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -53,7 +36,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageA['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/components/delete_tagged_desc.php b/profile/components/delete_tagged_desc.php
index 5aec102f..2749323f 100644
--- a/profile/components/delete_tagged_desc.php
+++ b/profile/components/delete_tagged_desc.php
@@ -12,13 +12,15 @@
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
                           </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageD['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageD['filename']; ?>" alt="<?php echo $imageD['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageD['filename']; ?>" alt="<?php echo $imageD['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -26,25 +28,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageD['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageD['imgdesc'])) {
-                                        $messageText = $imageD['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -53,7 +36,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageD['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/components/delete_tagged_least.php b/profile/components/delete_tagged_least.php
index d9d68086..41fade0e 100644
--- a/profile/components/delete_tagged_least.php
+++ b/profile/components/delete_tagged_least.php
@@ -12,13 +12,15 @@
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
                           </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageL['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageL['filename']; ?>" alt="<?php echo $imageL['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageL['filename']; ?>" alt="<?php echo $imageL['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -26,25 +28,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageL['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageL['imgdesc'])) {
-                                        $messageText = $imageL['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -53,7 +36,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageL['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/components/delete_tagged_like.php b/profile/components/delete_tagged_like.php
index d9d68086..41fade0e 100644
--- a/profile/components/delete_tagged_like.php
+++ b/profile/components/delete_tagged_like.php
@@ -12,13 +12,15 @@
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
                           </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageL['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageL['filename']; ?>" alt="<?php echo $imageL['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageL['filename']; ?>" alt="<?php echo $imageL['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -26,25 +28,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageL['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageL['imgdesc'])) {
-                                        $messageText = $imageL['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -53,7 +36,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageL['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/components/delete_tagged_order_asc.php b/profile/components/delete_tagged_order_asc.php
index a90e3e8d..05f643f2 100644
--- a/profile/components/delete_tagged_order_asc.php
+++ b/profile/components/delete_tagged_order_asc.php
@@ -10,15 +10,17 @@
                             .icon-stroke-1 { -webkit-text-stroke: 1px; }
                             .icon-stroke-2 { -webkit-text-stroke: 2px; }
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
-                          </style>a
+                          </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageA['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageA['filename']; ?>" alt="<?php echo $imageA['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageA['filename']; ?>" alt="<?php echo $imageA['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -26,25 +28,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageA['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageA['imgdesc'])) {
-                                        $messageText = $imageA['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -53,7 +36,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageA['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/components/delete_tagged_order_desc.php b/profile/components/delete_tagged_order_desc.php
index 5aec102f..2749323f 100644
--- a/profile/components/delete_tagged_order_desc.php
+++ b/profile/components/delete_tagged_order_desc.php
@@ -12,13 +12,15 @@
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
                           </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageD['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageD['filename']; ?>" alt="<?php echo $imageD['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageD['filename']; ?>" alt="<?php echo $imageD['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -26,25 +28,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageD['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageD['imgdesc'])) {
-                                        $messageText = $imageD['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -53,7 +36,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageD['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/components/delete_tagged_pop.php b/profile/components/delete_tagged_pop.php
index f91b5a02..510effba 100644
--- a/profile/components/delete_tagged_pop.php
+++ b/profile/components/delete_tagged_pop.php
@@ -12,13 +12,15 @@
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
                           </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageP['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageP['filename']; ?>" alt="<?php echo $imageP['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageP['filename']; ?>" alt="<?php echo $imageP['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -26,25 +28,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageP['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageP['imgdesc'])) {
-                                        $messageText = $imageP['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -53,7 +36,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageP['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/components/delete_tagged_view.php b/profile/components/delete_tagged_view.php
index 659f9469..7f7203d7 100644
--- a/profile/components/delete_tagged_view.php
+++ b/profile/components/delete_tagged_view.php
@@ -12,13 +12,15 @@
                             .icon-stroke-3 { -webkit-text-stroke: 3px; }
                           </style>
                           <div class="position-absolute top-0 start-100 translate-middle">
-                            <button type="button" class="btn btn-sm rounded-circle btn-light shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
+                            <button type="button" class="btn btn-sm rounded-circle btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?> shadow" data-bs-dismiss="modal"><i class="bi bi-x icon-stroke-1"></i></button>
                           </div>
                           <div class="row d-flex justify-content-center">
                             <div class="col-sm-6 mb-3 mb-sm-0">
                               <div class="card border-0 rounded-4 overflow-auto scrollable-div" style="max-height: 250px;">
                                 <a class="w-100 h-100" href="http://<?php echo $_SERVER['HTTP_HOST']; ?>/image.php?artworkid=<?php echo $imageV['id']; ?>">
-                                  <img class="rounded-4 object-fit-cover shadow lazy-load" height="400" width="100%" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageV['filename']; ?>" alt="<?php echo $imageV['title']; ?>">
+                                  <div class="ratio ratio-1x1">
+                                    <img class="rounded-4 object-fit-cover shadow lazy-load" data-src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/thumbnails/<?php echo $imageV['filename']; ?>" alt="<?php echo $imageV['title']; ?>">
+                                  </div>
                                 </a>
                               </div>
                             </div>
@@ -26,25 +28,6 @@
                               <div class="h-100">
                                 <div class="card-body">
                                   <h5 class="text-center fw-bold"><?php echo $imageV['title']?></h5>
-                                  <p class="card-text fw-medium">
-                                    <?php
-                                      if (!empty($imageV['imgdesc'])) {
-                                        $messageText = $imageV['imgdesc'];
-                                        $messageTextWithoutTags = strip_tags($messageText);
-                                        $pattern = '/\bhttps?:\/\/\S+/i';
-
-                                        $formattedText = preg_replace_callback($pattern, function ($matches) {
-                                          $url = htmlspecialchars($matches[0]);
-                                          return '<a href="' . $url . '">' . $url . '</a>';
-                                        }, $messageTextWithoutTags);
-
-                                        $formattedTextWithLineBreaks = nl2br($formattedText);
-                                        echo $formattedTextWithLineBreaks;
-                                      } else {
-                                        echo "Image description is empty.";
-                                      }
-                                    ?>
-                                  </p>
                                 </div>
                               </div>
                             </div>
@@ -53,7 +36,7 @@
                           <div class="btn-group w-100">
                             <input type="hidden" name="id" value="<?php echo $imageV['id']; ?>">
                             <button class="btn btn-outline-danger rounded-start-4 fw-bold" type="submit" value="Delete">delete</button>
-                            <button type="button" class="btn btn-outline-dark rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
+                            <button type="button" class="btn btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-end-4 fw-bold" data-bs-dismiss="modal">cancel</button>
                           </div>
                         </div>
                       </div>
diff --git a/profile/header_profile_asc.php b/profile/header_profile_asc.php
index 6a13a1ca..7c5909a0 100644
--- a/profile/header_profile_asc.php
+++ b/profile/header_profile_asc.php
@@ -1,37 +1,55 @@
-    <div class="overflow-x-auto container-fluid p-1 mb-2 hide-scrollbar" style="white-space: nowrap;">
-      <a href="?by=oldest&page=<?php echo isset($_GET['page']) ? $_GET['page'] : '1'; ?>" class="fw-medium btn btn-sm btn-dark rounded-pill">all images</a>
+    <div class="overflow-x-auto container-fluid p-1 mb-2 hide-scrollbar" style="white-space: nowrap; overflow: auto;">
+      <a href="?by=oldest&page=<?= isset($_GET['page']) ? htmlspecialchars($_GET['page']) : '1'; ?>" class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill">all images</a>
       <?php
         try {
           // SQL query to get the most popular tags and their counts based on the user's email
-          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count FROM images WHERE tags LIKE :pattern AND email = :email GROUP BY first_tag ORDER BY tag_count ASC LIMIT 100";
-
+          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count 
+                        FROM images 
+                        WHERE tags LIKE :pattern AND email = :email 
+                        GROUP BY first_tag 
+                        ORDER BY tag_count ASC 
+                        LIMIT 100";
+    
           // Prepare the SQL statement
           $stmt = $db->prepare($queryTags);
-
+    
           // Bind the parameter for the LIKE clause
           $pattern = "%,%";
           $stmt->bindParam(':pattern', $pattern, PDO::PARAM_STR);
-
+    
           // Bind the email parameter with the correct value
           $email = $_SESSION['email']; // Use the user's email
           $stmt->bindParam(':email', $email, PDO::PARAM_STR);
-
+    
           // Execute the query
           $stmt->execute();
-
-          // Fetch the results
-          while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
-            $firstTag = $row['first_tag'];
-            $tagCount = $row['tag_count'];
-
-            // Display each first tag as an <a> tag with the total count
-            echo "<a class='fw-medium btn btn-sm btn-dark rounded-pill' style='margin-right: 2px;' href='?by=tagged_oldest&tag=" . $firstTag . "'><i class='bi bi-tags-fill'></i> $firstTag</a>";
-          }
+    
+          // Fetch the results into an array
+          $tags = $stmt->fetchAll(PDO::FETCH_ASSOC);
+    
         } catch (PDOException $e) {
           // Handle any database connection or query errors
-          echo "Error: " . $e->getMessage();
+          $errorMessage = "Error: " . $e->getMessage();
         }
       ?>
+    
+      <?php if (isset($errorMessage)): ?>
+        <div class="alert alert-danger">
+          <?= htmlspecialchars($errorMessage) ?>
+        </div>
+      <?php endif; ?>
+    
+      <?php if (!empty($tags)): ?>
+        <?php foreach ($tags as $row): ?>
+          <?php
+            $firstTag = htmlspecialchars($row['first_tag']);
+            $tagCount = htmlspecialchars($row['tag_count']);
+          ?>
+          <a class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill" style="margin-right: 2px;" href="?by=tagged_oldest&tag=<?= $firstTag ?>">
+            <i class="bi bi-tags-fill"></i> <?= $firstTag ?>
+          </a>
+        <?php endforeach; ?>
+      <?php endif; ?>
     </div>
     <style>
       .hide-scrollbar::-webkit-scrollbar {
diff --git a/profile/header_profile_desc.php b/profile/header_profile_desc.php
index 9329d33c..ebbe3870 100644
--- a/profile/header_profile_desc.php
+++ b/profile/header_profile_desc.php
@@ -1,37 +1,55 @@
     <div class="overflow-x-auto container-fluid p-1 mb-2 hide-scrollbar" style="white-space: nowrap; overflow: auto;">
-      <a href="?by=newest&page=<?php echo isset($_GET['page']) ? $_GET['page'] : '1'; ?>" class="fw-medium btn btn-sm btn-dark rounded-pill">all images</a>
+      <a href="?by=newest&page=<?= isset($_GET['page']) ? htmlspecialchars($_GET['page']) : '1'; ?>" class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill">all images</a>
       <?php
         try {
           // SQL query to get the most popular tags and their counts based on the user's email
-          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count FROM images WHERE tags LIKE :pattern AND email = :email GROUP BY first_tag ORDER BY tag_count ASC LIMIT 100";
-
+          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count 
+                        FROM images 
+                        WHERE tags LIKE :pattern AND email = :email 
+                        GROUP BY first_tag 
+                        ORDER BY tag_count ASC 
+                        LIMIT 100";
+    
           // Prepare the SQL statement
           $stmt = $db->prepare($queryTags);
-
+    
           // Bind the parameter for the LIKE clause
           $pattern = "%,%";
           $stmt->bindParam(':pattern', $pattern, PDO::PARAM_STR);
-
+    
           // Bind the email parameter with the correct value
           $email = $_SESSION['email']; // Use the user's email
           $stmt->bindParam(':email', $email, PDO::PARAM_STR);
-
+    
           // Execute the query
           $stmt->execute();
-
-          // Fetch the results
-          while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
-            $firstTag = $row['first_tag'];
-            $tagCount = $row['tag_count'];
-
-            // Display each first tag as an <a> tag with the total count
-            echo "<a class='fw-medium btn btn-sm btn-dark rounded-pill' style='margin-right: 2px;' href='?by=tagged_newest&tag=" . $firstTag . "'><i class='bi bi-tags-fill'></i> $firstTag</a>";
-          }
+    
+          // Fetch the results into an array
+          $tags = $stmt->fetchAll(PDO::FETCH_ASSOC);
+    
         } catch (PDOException $e) {
           // Handle any database connection or query errors
-          echo "Error: " . $e->getMessage();
+          $errorMessage = "Error: " . $e->getMessage();
         }
       ?>
+    
+      <?php if (isset($errorMessage)): ?>
+        <div class="alert alert-danger">
+          <?= htmlspecialchars($errorMessage) ?>
+        </div>
+      <?php endif; ?>
+    
+      <?php if (!empty($tags)): ?>
+        <?php foreach ($tags as $row): ?>
+          <?php
+            $firstTag = htmlspecialchars($row['first_tag']);
+            $tagCount = htmlspecialchars($row['tag_count']);
+          ?>
+          <a class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill" style="margin-right: 2px;" href="?by=tagged_newest&tag=<?= $firstTag ?>">
+            <i class="bi bi-tags-fill"></i> <?= $firstTag ?>
+          </a>
+        <?php endforeach; ?>
+      <?php endif; ?>
     </div>
     <style>
       .hide-scrollbar::-webkit-scrollbar {
diff --git a/profile/header_profile_least.php b/profile/header_profile_least.php
index 8181dfbb..f48feebd 100644
--- a/profile/header_profile_least.php
+++ b/profile/header_profile_least.php
@@ -1,37 +1,55 @@
     <div class="overflow-x-auto container-fluid p-1 mb-2 hide-scrollbar" style="white-space: nowrap; overflow: auto;">
-      <a href="?by=least&page=<?php echo isset($_GET['page']) ? $_GET['page'] : '1'; ?>" class="fw-medium btn btn-sm btn-dark rounded-pill">all images</a>
+      <a href="?by=least&page=<?= isset($_GET['page']) ? htmlspecialchars($_GET['page']) : '1'; ?>" class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill">all images</a>
       <?php
         try {
           // SQL query to get the most popular tags and their counts based on the user's email
-          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count FROM images WHERE tags LIKE :pattern AND email = :email GROUP BY first_tag ORDER BY tag_count ASC LIMIT 100";
-
+          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count 
+                        FROM images 
+                        WHERE tags LIKE :pattern AND email = :email 
+                        GROUP BY first_tag 
+                        ORDER BY tag_count ASC 
+                        LIMIT 100";
+    
           // Prepare the SQL statement
           $stmt = $db->prepare($queryTags);
-
+    
           // Bind the parameter for the LIKE clause
           $pattern = "%,%";
           $stmt->bindParam(':pattern', $pattern, PDO::PARAM_STR);
-
+    
           // Bind the email parameter with the correct value
           $email = $_SESSION['email']; // Use the user's email
           $stmt->bindParam(':email', $email, PDO::PARAM_STR);
-
+    
           // Execute the query
           $stmt->execute();
-
-          // Fetch the results
-          while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
-            $firstTag = $row['first_tag'];
-            $tagCount = $row['tag_count'];
-
-            // Display each first tag as an <a> tag with the total count
-            echo "<a class='fw-medium btn btn-sm btn-dark rounded-pill' style='margin-right: 2px;' href='?by=tagged_least&tag=" . $firstTag . "'><i class='bi bi-tags-fill'></i> $firstTag</a>";
-          }
+    
+          // Fetch the results into an array
+          $tags = $stmt->fetchAll(PDO::FETCH_ASSOC);
+    
         } catch (PDOException $e) {
           // Handle any database connection or query errors
-          echo "Error: " . $e->getMessage();
+          $errorMessage = "Error: " . $e->getMessage();
         }
       ?>
+    
+      <?php if (isset($errorMessage)): ?>
+        <div class="alert alert-danger">
+          <?= htmlspecialchars($errorMessage) ?>
+        </div>
+      <?php endif; ?>
+    
+      <?php if (!empty($tags)): ?>
+        <?php foreach ($tags as $row): ?>
+          <?php
+            $firstTag = htmlspecialchars($row['first_tag']);
+            $tagCount = htmlspecialchars($row['tag_count']);
+          ?>
+          <a class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill" style="margin-right: 2px;" href="?by=tagged_least&tag=<?= $firstTag ?>">
+            <i class="bi bi-tags-fill"></i> <?= $firstTag ?>
+          </a>
+        <?php endforeach; ?>
+      <?php endif; ?>
     </div>
     <style>
       .hide-scrollbar::-webkit-scrollbar {
diff --git a/profile/header_profile_like.php b/profile/header_profile_like.php
index 070b3057..d8976612 100644
--- a/profile/header_profile_like.php
+++ b/profile/header_profile_like.php
@@ -1,37 +1,55 @@
     <div class="overflow-x-auto container-fluid p-1 mb-2 hide-scrollbar" style="white-space: nowrap; overflow: auto;">
-      <a href="?by=liked&page=<?php echo isset($_GET['page']) ? $_GET['page'] : '1'; ?>" class="fw-medium btn btn-sm btn-dark rounded-pill">all images</a>
+      <a href="?by=liked&page=<?= isset($_GET['page']) ? htmlspecialchars($_GET['page']) : '1'; ?>" class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill">all images</a>
       <?php
         try {
           // SQL query to get the most popular tags and their counts based on the user's email
-          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count FROM images WHERE tags LIKE :pattern AND email = :email GROUP BY first_tag ORDER BY tag_count ASC LIMIT 100";
-
+          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count 
+                        FROM images 
+                        WHERE tags LIKE :pattern AND email = :email 
+                        GROUP BY first_tag 
+                        ORDER BY tag_count ASC 
+                        LIMIT 100";
+    
           // Prepare the SQL statement
           $stmt = $db->prepare($queryTags);
-
+    
           // Bind the parameter for the LIKE clause
           $pattern = "%,%";
           $stmt->bindParam(':pattern', $pattern, PDO::PARAM_STR);
-
+    
           // Bind the email parameter with the correct value
           $email = $_SESSION['email']; // Use the user's email
           $stmt->bindParam(':email', $email, PDO::PARAM_STR);
-
+    
           // Execute the query
           $stmt->execute();
-
-          // Fetch the results
-          while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
-            $firstTag = $row['first_tag'];
-            $tagCount = $row['tag_count'];
-
-            // Display each first tag as an <a> tag with the total count
-            echo "<a class='fw-medium btn btn-sm btn-dark rounded-pill' style='margin-right: 2px;' href='?by=tagged_liked&tag=" . $firstTag . "'><i class='bi bi-tags-fill'></i> $firstTag</a>";
-          }
+    
+          // Fetch the results into an array
+          $tags = $stmt->fetchAll(PDO::FETCH_ASSOC);
+    
         } catch (PDOException $e) {
           // Handle any database connection or query errors
-          echo "Error: " . $e->getMessage();
+          $errorMessage = "Error: " . $e->getMessage();
         }
       ?>
+    
+      <?php if (isset($errorMessage)): ?>
+        <div class="alert alert-danger">
+          <?= htmlspecialchars($errorMessage) ?>
+        </div>
+      <?php endif; ?>
+    
+      <?php if (!empty($tags)): ?>
+        <?php foreach ($tags as $row): ?>
+          <?php
+            $firstTag = htmlspecialchars($row['first_tag']);
+            $tagCount = htmlspecialchars($row['tag_count']);
+          ?>
+          <a class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill" style="margin-right: 2px;" href="?by=tagged_liked&tag=<?= $firstTag ?>">
+            <i class="bi bi-tags-fill"></i> <?= $firstTag ?>
+          </a>
+        <?php endforeach; ?>
+      <?php endif; ?>
     </div>
     <style>
       .hide-scrollbar::-webkit-scrollbar {
diff --git a/profile/header_profile_order_asc.php b/profile/header_profile_order_asc.php
index f3e2e82f..50a61667 100644
--- a/profile/header_profile_order_asc.php
+++ b/profile/header_profile_order_asc.php
@@ -1,37 +1,55 @@
-    <div class="overflow-x-auto container-fluid p-1 mb-2 hide-scrollbar" style="white-space: nowrap;">
-      <a href="?by=order_asc&page=<?php echo isset($_GET['page']) ? $_GET['page'] : '1'; ?>" class="fw-medium btn btn-sm btn-dark rounded-pill">all images</a>
+    <div class="overflow-x-auto container-fluid p-1 mb-2 hide-scrollbar" style="white-space: nowrap; overflow: auto;">
+      <a href="?by=order_asc&page=<?= isset($_GET['page']) ? htmlspecialchars($_GET['page']) : '1'; ?>" class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill">all images</a>
       <?php
         try {
           // SQL query to get the most popular tags and their counts based on the user's email
-          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count FROM images WHERE tags LIKE :pattern AND email = :email GROUP BY first_tag ORDER BY tag_count ASC LIMIT 100";
-
+          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count 
+                        FROM images 
+                        WHERE tags LIKE :pattern AND email = :email 
+                        GROUP BY first_tag 
+                        ORDER BY tag_count ASC 
+                        LIMIT 100";
+    
           // Prepare the SQL statement
           $stmt = $db->prepare($queryTags);
-
+    
           // Bind the parameter for the LIKE clause
           $pattern = "%,%";
           $stmt->bindParam(':pattern', $pattern, PDO::PARAM_STR);
-
+    
           // Bind the email parameter with the correct value
           $email = $_SESSION['email']; // Use the user's email
           $stmt->bindParam(':email', $email, PDO::PARAM_STR);
-
+    
           // Execute the query
           $stmt->execute();
-
-          // Fetch the results
-          while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
-            $firstTag = $row['first_tag'];
-            $tagCount = $row['tag_count'];
-
-            // Display each first tag as an <a> tag with the total count
-            echo "<a class='fw-medium btn btn-sm btn-dark rounded-pill' style='margin-right: 2px;' href='?by=tagged_order_asc&tag=" . $firstTag . "'><i class='bi bi-tags-fill'></i> $firstTag</a>";
-          }
+    
+          // Fetch the results into an array
+          $tags = $stmt->fetchAll(PDO::FETCH_ASSOC);
+    
         } catch (PDOException $e) {
           // Handle any database connection or query errors
-          echo "Error: " . $e->getMessage();
+          $errorMessage = "Error: " . $e->getMessage();
         }
       ?>
+    
+      <?php if (isset($errorMessage)): ?>
+        <div class="alert alert-danger">
+          <?= htmlspecialchars($errorMessage) ?>
+        </div>
+      <?php endif; ?>
+    
+      <?php if (!empty($tags)): ?>
+        <?php foreach ($tags as $row): ?>
+          <?php
+            $firstTag = htmlspecialchars($row['first_tag']);
+            $tagCount = htmlspecialchars($row['tag_count']);
+          ?>
+          <a class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill" style="margin-right: 2px;" href="?by=tagged_order_asc&tag=<?= $firstTag ?>">
+            <i class="bi bi-tags-fill"></i> <?= $firstTag ?>
+          </a>
+        <?php endforeach; ?>
+      <?php endif; ?>
     </div>
     <style>
       .hide-scrollbar::-webkit-scrollbar {
diff --git a/profile/header_profile_order_desc.php b/profile/header_profile_order_desc.php
index 21ea0f25..c5ad744a 100644
--- a/profile/header_profile_order_desc.php
+++ b/profile/header_profile_order_desc.php
@@ -1,37 +1,55 @@
-    <div class="overflow-x-auto container-fluid p-1 mb-2 hide-scrollbar" style="white-space: nowrap;">
-      <a href="?by=order_desc&page=<?php echo isset($_GET['page']) ? $_GET['page'] : '1'; ?>" class="fw-medium btn btn-sm btn-dark rounded-pill">all images</a>
+    <div class="overflow-x-auto container-fluid p-1 mb-2 hide-scrollbar" style="white-space: nowrap; overflow: auto;">
+      <a href="?by=order_desc&page=<?= isset($_GET['page']) ? htmlspecialchars($_GET['page']) : '1'; ?>" class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill">all images</a>
       <?php
         try {
           // SQL query to get the most popular tags and their counts based on the user's email
-          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count FROM images WHERE tags LIKE :pattern AND email = :email GROUP BY first_tag ORDER BY tag_count ASC LIMIT 100";
-
+          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count 
+                        FROM images 
+                        WHERE tags LIKE :pattern AND email = :email 
+                        GROUP BY first_tag 
+                        ORDER BY tag_count ASC 
+                        LIMIT 100";
+    
           // Prepare the SQL statement
           $stmt = $db->prepare($queryTags);
-
+    
           // Bind the parameter for the LIKE clause
           $pattern = "%,%";
           $stmt->bindParam(':pattern', $pattern, PDO::PARAM_STR);
-
+    
           // Bind the email parameter with the correct value
           $email = $_SESSION['email']; // Use the user's email
           $stmt->bindParam(':email', $email, PDO::PARAM_STR);
-
+    
           // Execute the query
           $stmt->execute();
-
-          // Fetch the results
-          while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
-            $firstTag = $row['first_tag'];
-            $tagCount = $row['tag_count'];
-
-            // Display each first tag as an <a> tag with the total count
-            echo "<a class='fw-medium btn btn-sm btn-dark rounded-pill' style='margin-right: 2px;' href='?by=tagged_order_desc&tag=" . $firstTag . "'><i class='bi bi-tags-fill'></i> $firstTag</a>";
-          }
+    
+          // Fetch the results into an array
+          $tags = $stmt->fetchAll(PDO::FETCH_ASSOC);
+    
         } catch (PDOException $e) {
           // Handle any database connection or query errors
-          echo "Error: " . $e->getMessage();
+          $errorMessage = "Error: " . $e->getMessage();
         }
       ?>
+    
+      <?php if (isset($errorMessage)): ?>
+        <div class="alert alert-danger">
+          <?= htmlspecialchars($errorMessage) ?>
+        </div>
+      <?php endif; ?>
+    
+      <?php if (!empty($tags)): ?>
+        <?php foreach ($tags as $row): ?>
+          <?php
+            $firstTag = htmlspecialchars($row['first_tag']);
+            $tagCount = htmlspecialchars($row['tag_count']);
+          ?>
+          <a class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill" style="margin-right: 2px;" href="?by=tagged_order_desc&tag=<?= $firstTag ?>">
+            <i class="bi bi-tags-fill"></i> <?= $firstTag ?>
+          </a>
+        <?php endforeach; ?>
+      <?php endif; ?>
     </div>
     <style>
       .hide-scrollbar::-webkit-scrollbar {
diff --git a/profile/header_profile_pop.php b/profile/header_profile_pop.php
index 4555f2f3..3aad8542 100644
--- a/profile/header_profile_pop.php
+++ b/profile/header_profile_pop.php
@@ -1,37 +1,55 @@
-    <div class="overflow-x-auto container-fluid p-1 mb-2 hide-scrollbar" style="white-space: nowrap;">
-      <a href="?by=popular&page=<?php echo isset($_GET['page']) ? $_GET['page'] : '1'; ?>" class="fw-medium btn btn-sm btn-dark rounded-pill">all images</a>
+    <div class="overflow-x-auto container-fluid p-1 mb-2 hide-scrollbar" style="white-space: nowrap; overflow: auto;">
+      <a href="?by=popular&page=<?= isset($_GET['page']) ? htmlspecialchars($_GET['page']) : '1'; ?>" class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill">all images</a>
       <?php
         try {
           // SQL query to get the most popular tags and their counts based on the user's email
-          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count FROM images WHERE tags LIKE :pattern AND email = :email GROUP BY first_tag ORDER BY tag_count ASC LIMIT 100";
-
+          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count 
+                        FROM images 
+                        WHERE tags LIKE :pattern AND email = :email 
+                        GROUP BY first_tag 
+                        ORDER BY tag_count ASC 
+                        LIMIT 100";
+    
           // Prepare the SQL statement
           $stmt = $db->prepare($queryTags);
-
+    
           // Bind the parameter for the LIKE clause
           $pattern = "%,%";
           $stmt->bindParam(':pattern', $pattern, PDO::PARAM_STR);
-
+    
           // Bind the email parameter with the correct value
           $email = $_SESSION['email']; // Use the user's email
           $stmt->bindParam(':email', $email, PDO::PARAM_STR);
-
+    
           // Execute the query
           $stmt->execute();
-
-          // Fetch the results
-          while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
-            $firstTag = $row['first_tag'];
-            $tagCount = $row['tag_count'];
-
-            // Display each first tag as an <a> tag with the total count
-            echo "<a class='fw-medium btn btn-sm btn-dark rounded-pill' style='margin-right: 2px;' href='?by=tagged_popular&tag=" . $firstTag . "'><i class='bi bi-tags-fill'></i> $firstTag</a>";
-          }
+    
+          // Fetch the results into an array
+          $tags = $stmt->fetchAll(PDO::FETCH_ASSOC);
+    
         } catch (PDOException $e) {
           // Handle any database connection or query errors
-          echo "Error: " . $e->getMessage();
+          $errorMessage = "Error: " . $e->getMessage();
         }
       ?>
+    
+      <?php if (isset($errorMessage)): ?>
+        <div class="alert alert-danger">
+          <?= htmlspecialchars($errorMessage) ?>
+        </div>
+      <?php endif; ?>
+    
+      <?php if (!empty($tags)): ?>
+        <?php foreach ($tags as $row): ?>
+          <?php
+            $firstTag = htmlspecialchars($row['first_tag']);
+            $tagCount = htmlspecialchars($row['tag_count']);
+          ?>
+          <a class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill" style="margin-right: 2px;" href="?by=tagged_popular&tag=<?= $firstTag ?>">
+            <i class="bi bi-tags-fill"></i> <?= $firstTag ?>
+          </a>
+        <?php endforeach; ?>
+      <?php endif; ?>
     </div>
     <style>
       .hide-scrollbar::-webkit-scrollbar {
diff --git a/profile/header_profile_view.php b/profile/header_profile_view.php
index 03518922..f751fd02 100644
--- a/profile/header_profile_view.php
+++ b/profile/header_profile_view.php
@@ -1,37 +1,55 @@
     <div class="overflow-x-auto container-fluid p-1 mb-2 hide-scrollbar" style="white-space: nowrap; overflow: auto;">
-      <a href="?by=view&page=<?php echo isset($_GET['page']) ? $_GET['page'] : '1'; ?>" class="fw-medium btn btn-sm btn-dark rounded-pill">all images</a>
+      <a href="?by=view&page=<?= isset($_GET['page']) ? htmlspecialchars($_GET['page']) : '1'; ?>" class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill">all images</a>
       <?php
         try {
           // SQL query to get the most popular tags and their counts based on the user's email
-          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count FROM images WHERE tags LIKE :pattern AND email = :email GROUP BY first_tag ORDER BY tag_count ASC LIMIT 100";
-
+          $queryTags = "SELECT SUBSTR(tags, 1, INSTR(tags, ',') - 1) as first_tag, COUNT(*) as tag_count 
+                        FROM images 
+                        WHERE tags LIKE :pattern AND email = :email 
+                        GROUP BY first_tag 
+                        ORDER BY tag_count ASC 
+                        LIMIT 100";
+    
           // Prepare the SQL statement
           $stmt = $db->prepare($queryTags);
-
+    
           // Bind the parameter for the LIKE clause
           $pattern = "%,%";
           $stmt->bindParam(':pattern', $pattern, PDO::PARAM_STR);
-
+    
           // Bind the email parameter with the correct value
           $email = $_SESSION['email']; // Use the user's email
           $stmt->bindParam(':email', $email, PDO::PARAM_STR);
-
+    
           // Execute the query
           $stmt->execute();
-
-          // Fetch the results
-          while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
-            $firstTag = $row['first_tag'];
-            $tagCount = $row['tag_count'];
-
-            // Display each first tag as an <a> tag with the total count
-            echo "<a class='fw-medium btn btn-sm btn-dark rounded-pill' style='margin-right: 2px;' href='?by=tagged_view&tag=" . $firstTag . "'><i class='bi bi-tags-fill'></i> $firstTag</a>";
-          }
+    
+          // Fetch the results into an array
+          $tags = $stmt->fetchAll(PDO::FETCH_ASSOC);
+    
         } catch (PDOException $e) {
           // Handle any database connection or query errors
-          echo "Error: " . $e->getMessage();
+          $errorMessage = "Error: " . $e->getMessage();
         }
       ?>
+    
+      <?php if (isset($errorMessage)): ?>
+        <div class="alert alert-danger">
+          <?= htmlspecialchars($errorMessage) ?>
+        </div>
+      <?php endif; ?>
+    
+      <?php if (!empty($tags)): ?>
+        <?php foreach ($tags as $row): ?>
+          <?php
+            $firstTag = htmlspecialchars($row['first_tag']);
+            $tagCount = htmlspecialchars($row['tag_count']);
+          ?>
+          <a class="fw-medium btn btn-sm btn-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> rounded-pill" style="margin-right: 2px;" href="?by=tagged_view&tag=<?= $firstTag ?>">
+            <i class="bi bi-tags-fill"></i> <?= $firstTag ?>
+          </a>
+        <?php endforeach; ?>
+      <?php endif; ?>
     </div>
     <style>
       .hide-scrollbar::-webkit-scrollbar {
diff --git a/profile/image_card_pro_asc.php b/profile/image_card_pro_asc.php
index 76103e33..cab25ee1 100644
--- a/profile/image_card_pro_asc.php
+++ b/profile/image_card_pro_asc.php
@@ -72,7 +72,7 @@
               </div>
             </div>
 
-            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_asc.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_image_asc.php'); ?>
             <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_asc.php'); ?>
 
           </div>
diff --git a/profile/image_card_pro_desc.php b/profile/image_card_pro_desc.php
index e1da0037..de8f86a3 100644
--- a/profile/image_card_pro_desc.php
+++ b/profile/image_card_pro_desc.php
@@ -72,7 +72,7 @@
               </div>
             </div>
 
-            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_desc.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_image_desc.php'); ?>
             <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_desc.php'); ?>
 
           </div>
diff --git a/profile/image_card_pro_least.php b/profile/image_card_pro_least.php
index 9b73e164..e0a3a08b 100644
--- a/profile/image_card_pro_least.php
+++ b/profile/image_card_pro_least.php
@@ -72,7 +72,7 @@
               </div>
             </div>
 
-            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_least.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_image_least.php'); ?>
             <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_least.php'); ?>
 
           </div>
diff --git a/profile/image_card_pro_like.php b/profile/image_card_pro_like.php
index 55058107..23031fba 100644
--- a/profile/image_card_pro_like.php
+++ b/profile/image_card_pro_like.php
@@ -72,7 +72,7 @@
               </div>
             </div>
 
-            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_like.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_image_like.php'); ?>
             <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_like.php'); ?>
 
           </div>
diff --git a/profile/image_card_pro_order_asc.php b/profile/image_card_pro_order_asc.php
index 3bae52c2..7380646d 100644
--- a/profile/image_card_pro_order_asc.php
+++ b/profile/image_card_pro_order_asc.php
@@ -72,7 +72,7 @@
               </div>
             </div>
 
-            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_order_asc.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_image_order_asc.php'); ?>
             <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_order_asc.php'); ?>
 
           </div>
diff --git a/profile/image_card_pro_order_desc.php b/profile/image_card_pro_order_desc.php
index 1bac02cf..3def0694 100644
--- a/profile/image_card_pro_order_desc.php
+++ b/profile/image_card_pro_order_desc.php
@@ -72,7 +72,7 @@
               </div>
             </div>
 
-            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_order_desc.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_image_order_desc.php'); ?>
             <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_order_desc.php'); ?>
 
           </div>
diff --git a/profile/image_card_pro_pop.php b/profile/image_card_pro_pop.php
index f3d7d098..c42246b7 100644
--- a/profile/image_card_pro_pop.php
+++ b/profile/image_card_pro_pop.php
@@ -72,7 +72,7 @@
               </div>
             </div>
 
-            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_pop.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_image_pop.php'); ?>
             <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_pop.php'); ?>
 
           </div>
diff --git a/profile/image_card_pro_tagged_asc.php b/profile/image_card_pro_tagged_asc.php
new file mode 100644
index 00000000..76103e33
--- /dev/null
+++ b/profile/image_card_pro_tagged_asc.php
@@ -0,0 +1,81 @@
+    <div class="w-100 px-1">
+      <div class="<?php include('../rows_columns/row-cols.php'); echo $rows_columns; ?>">
+        <?php foreach ($results as $imageA): ?>
+          <div class="col">
+            <div class="position-relative">
+              <a class="rounded ratio ratio-1x1" href="../image.php?artworkid=<?php echo $imageA['id']; ?>">
+                <img class="rounded shadow object-fit-cover lazy-load <?php echo ($imageA['type'] === 'nsfw') ? 'nsfw' : ''; ?>" data-src="../thumbnails/<?php echo $imageA['filename']; ?>" alt="<?php echo $imageA['title']; ?>">
+              </a> 
+              <?php
+                $current_image_id = $imageA['id'];
+                
+                // Query to count main image from the images table
+                $stmt = $db->prepare("SELECT COUNT(*) as image_count FROM images WHERE id = :id");
+                $stmt->bindValue(':id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $imageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $imageCount = $imageCountRow ? $imageCountRow['image_count'] : 0;
+            
+                // Query to count associated images from the image_child table
+                $stmt = $db->prepare("SELECT COUNT(*) as child_image_count FROM image_child WHERE image_id = :image_id");
+                $stmt->bindValue(':image_id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $childImageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $childImageCount = $childImageCountRow ? $childImageCountRow['child_image_count'] : 0;
+            
+                // Total count of main images and associated images
+                $totalImagesCount = $imageCount + $childImageCount;
+              ?>
+              <?php include('../rows_columns/image_counts.php'); ?>
+              <div class="position-absolute top-0 start-0">
+                <div class="dropdown">
+                  <button class="btn border-0 p-1" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                    <i class="bi bi-three-dots-vertical text-white link-body-emphasis fs-5" style="text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4), 2px 2px 4px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.2); text-stroke: 2;"></i>
+                  </button>
+                  <ul class="dropdown-menu">
+                    <li><button class="dropdown-item fw-bold" onclick="location.href='../edit_image.php?id=<?php echo $imageA['id']; ?>'" ><i class="bi bi-pencil-fill"></i> edit image</button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#deleteImage_<?php echo $imageA['id']; ?>"><i class="bi bi-trash-fill"></i> delete</button></li>
+                    <?php
+                    $is_favorited = false; // Initialize to false
+
+                    // Check if the image is favorited
+                    $stmt = $db->prepare("SELECT COUNT(*) AS num_favorites FROM favorites WHERE email = :email AND image_id = :image_id");
+                    $stmt->bindValue(':email', $email);
+                    $stmt->bindValue(':image_id', $imageA['id']);
+                    $stmt->execute();
+                    $row = $stmt->fetch(PDO::FETCH_ASSOC);
+
+                    if ($row['num_favorites'] > 0) {
+                      $is_favorited = true;
+                    }
+
+                    // Define the form action
+                    $form_action = $is_favorited ? 'unfavorite' : 'favorite';
+
+                    // Button label
+                    $button_label = $is_favorited ? 'unfavorite' : 'favorite';
+                    ?>
+                    <form method="POST">
+                      <input type="hidden" name="image_id" value="<?php echo $imageA['id']; ?>">
+                      <li>
+                        <button type="submit" class="dropdown-item fw-bold" name="<?php echo $form_action ?>">
+                          <i class="bi <?php echo $is_favorited ? 'bi-heart-fill' : 'bi-heart' ?>"></i>
+                          <small><?php echo $button_label ?></small>
+                        </button>
+                      </li>
+                    </form>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#shareImage<?php echo $imageA['id']; ?>"><i class="bi bi-share-fill"></i> <small>share</small></button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#infoImage_<?php echo $imageA['id']; ?>"><i class="bi bi-info-circle-fill"></i> <small>info</small></button></li>
+                  </ul>
+                  <?php include('share_profile_asc.php'); ?>
+                </div>
+              </div>
+            </div>
+
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_asc.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_asc.php'); ?>
+
+          </div>
+        <?php endforeach; ?>
+      </div>
+    </div>
\ No newline at end of file
diff --git a/profile/image_card_pro_tagged_desc.php b/profile/image_card_pro_tagged_desc.php
new file mode 100644
index 00000000..e1da0037
--- /dev/null
+++ b/profile/image_card_pro_tagged_desc.php
@@ -0,0 +1,81 @@
+    <div class="w-100 px-1">
+      <div class="<?php include('../rows_columns/row-cols.php'); echo $rows_columns; ?>">
+        <?php foreach ($results as $imageD): ?>
+          <div class="col">
+            <div class="position-relative">
+              <a class="rounded ratio ratio-1x1" href="../image.php?artworkid=<?php echo $imageD['id']; ?>">
+                <img class="rounded shadow object-fit-cover lazy-load <?php echo ($imageD['type'] === 'nsfw') ? 'nsfw' : ''; ?>" data-src="../thumbnails/<?php echo $imageD['filename']; ?>" alt="<?php echo $imageD['title']; ?>">
+              </a> 
+              <?php
+                $current_image_id = $imageD['id'];
+                
+                // Query to count main image from the images table
+                $stmt = $db->prepare("SELECT COUNT(*) as image_count FROM images WHERE id = :id");
+                $stmt->bindValue(':id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $imageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $imageCount = $imageCountRow ? $imageCountRow['image_count'] : 0;
+            
+                // Query to count associated images from the image_child table
+                $stmt = $db->prepare("SELECT COUNT(*) as child_image_count FROM image_child WHERE image_id = :image_id");
+                $stmt->bindValue(':image_id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $childImageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $childImageCount = $childImageCountRow ? $childImageCountRow['child_image_count'] : 0;
+            
+                // Total count of main images and associated images
+                $totalImagesCount = $imageCount + $childImageCount;
+              ?>
+              <?php include('../rows_columns/image_counts.php'); ?>
+              <div class="position-absolute top-0 start-0">
+                <div class="dropdown">
+                  <button class="btn border-0 p-1" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                    <i class="bi bi-three-dots-vertical text-white link-body-emphasis fs-5" style="text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4), 2px 2px 4px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.2); text-stroke: 2;"></i>
+                  </button>
+                  <ul class="dropdown-menu">
+                    <li><button class="dropdown-item fw-bold" onclick="location.href='../edit_image.php?id=<?php echo $imageD['id']; ?>'" ><i class="bi bi-pencil-fill"></i> edit image</button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#deleteImage_<?php echo $imageD['id']; ?>"><i class="bi bi-trash-fill"></i> delete</button></li>
+                    <?php
+                    $is_favorited = false; // Initialize to false
+
+                    // Check if the image is favorited
+                    $stmt = $db->prepare("SELECT COUNT(*) AS num_favorites FROM favorites WHERE email = :email AND image_id = :image_id");
+                    $stmt->bindValue(':email', $email);
+                    $stmt->bindValue(':image_id', $imageD['id']);
+                    $stmt->execute();
+                    $row = $stmt->fetch(PDO::FETCH_ASSOC);
+
+                    if ($row['num_favorites'] > 0) {
+                      $is_favorited = true;
+                    }
+
+                    // Define the form action
+                    $form_action = $is_favorited ? 'unfavorite' : 'favorite';
+
+                    // Button label
+                    $button_label = $is_favorited ? 'unfavorite' : 'favorite';
+                    ?>
+                    <form method="POST">
+                      <input type="hidden" name="image_id" value="<?php echo $imageD['id']; ?>">
+                      <li>
+                        <button type="submit" class="dropdown-item fw-bold" name="<?php echo $form_action ?>">
+                          <i class="bi <?php echo $is_favorited ? 'bi-heart-fill' : 'bi-heart' ?>"></i>
+                          <small><?php echo $button_label ?></small>
+                        </button>
+                      </li>
+                    </form>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#shareImage<?php echo $imageD['id']; ?>"><i class="bi bi-share-fill"></i> <small>share</small></button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#infoImage_<?php echo $imageD['id']; ?>"><i class="bi bi-info-circle-fill"></i> <small>info</small></button></li>
+                  </ul>
+                  <?php include('share_profile_desc.php'); ?>
+                </div>
+              </div>
+            </div>
+
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_desc.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_desc.php'); ?>
+
+          </div>
+        <?php endforeach; ?>
+      </div>
+    </div>
\ No newline at end of file
diff --git a/profile/image_card_pro_tagged_least.php b/profile/image_card_pro_tagged_least.php
new file mode 100644
index 00000000..9b73e164
--- /dev/null
+++ b/profile/image_card_pro_tagged_least.php
@@ -0,0 +1,81 @@
+    <div class="w-100 px-1">
+      <div class="<?php include('../rows_columns/row-cols.php'); echo $rows_columns; ?>">
+        <?php foreach ($results as $imageL): ?>
+          <div class="col">
+            <div class="position-relative">
+              <a class="rounded ratio ratio-1x1" href="../image.php?artworkid=<?php echo $imageL['id']; ?>">
+                <img class="rounded shadow object-fit-cover lazy-load <?php echo ($imageL['type'] === 'nsfw') ? 'nsfw' : ''; ?>" data-src="../thumbnails/<?php echo $imageL['filename']; ?>" alt="<?php echo $imageL['title']; ?>">
+              </a> 
+              <?php
+                $current_image_id = $imageL['id'];
+                
+                // Query to count main image from the images table
+                $stmt = $db->prepare("SELECT COUNT(*) as image_count FROM images WHERE id = :id");
+                $stmt->bindValue(':id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $imageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $imageCount = $imageCountRow ? $imageCountRow['image_count'] : 0;
+            
+                // Query to count associated images from the image_child table
+                $stmt = $db->prepare("SELECT COUNT(*) as child_image_count FROM image_child WHERE image_id = :image_id");
+                $stmt->bindValue(':image_id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $childImageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $childImageCount = $childImageCountRow ? $childImageCountRow['child_image_count'] : 0;
+            
+                // Total count of main images and associated images
+                $totalImagesCount = $imageCount + $childImageCount;
+              ?>
+              <?php include('../rows_columns/image_counts.php'); ?>
+              <div class="position-absolute top-0 start-0">
+                <div class="dropdown">
+                  <button class="btn border-0 p-1" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                    <i class="bi bi-three-dots-vertical text-white link-body-emphasis fs-5" style="text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4), 2px 2px 4px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.2); text-stroke: 2;"></i>
+                  </button>
+                  <ul class="dropdown-menu">
+                    <li><button class="dropdown-item fw-bold" onclick="location.href='../edit_image.php?id=<?php echo $imageL['id']; ?>'" ><i class="bi bi-pencil-fill"></i> edit image</button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#deleteImage_<?php echo $imageL['id']; ?>"><i class="bi bi-trash-fill"></i> delete</button></li>
+                    <?php
+                    $is_favorited = false; // Initialize to false
+
+                    // Check if the image is favorited
+                    $stmt = $db->prepare("SELECT COUNT(*) AS num_favorites FROM favorites WHERE email = :email AND image_id = :image_id");
+                    $stmt->bindValue(':email', $email);
+                    $stmt->bindValue(':image_id', $imageL['id']);
+                    $stmt->execute();
+                    $row = $stmt->fetch(PDO::FETCH_ASSOC);
+
+                    if ($row['num_favorites'] > 0) {
+                      $is_favorited = true;
+                    }
+
+                    // Define the form action
+                    $form_action = $is_favorited ? 'unfavorite' : 'favorite';
+
+                    // Button label
+                    $button_label = $is_favorited ? 'unfavorite' : 'favorite';
+                    ?>
+                    <form method="POST">
+                      <input type="hidden" name="image_id" value="<?php echo $imageL['id']; ?>">
+                      <li>
+                        <button type="submit" class="dropdown-item fw-bold" name="<?php echo $form_action ?>">
+                          <i class="bi <?php echo $is_favorited ? 'bi-heart-fill' : 'bi-heart' ?>"></i>
+                          <small><?php echo $button_label ?></small>
+                        </button>
+                      </li>
+                    </form>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#shareImage<?php echo $imageL['id']; ?>"><i class="bi bi-share-fill"></i> <small>share</small></button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#infoImage_<?php echo $imageL['id']; ?>"><i class="bi bi-info-circle-fill"></i> <small>info</small></button></li>
+                  </ul>
+                  <?php include('share_profile_least.php'); ?>
+                </div>
+              </div>
+            </div>
+
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_least.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_least.php'); ?>
+
+          </div>
+        <?php endforeach; ?>
+      </div>
+    </div>
\ No newline at end of file
diff --git a/profile/image_card_pro_tagged_like.php b/profile/image_card_pro_tagged_like.php
new file mode 100644
index 00000000..55058107
--- /dev/null
+++ b/profile/image_card_pro_tagged_like.php
@@ -0,0 +1,81 @@
+    <div class="w-100 px-1">
+      <div class="<?php include('../rows_columns/row-cols.php'); echo $rows_columns; ?>">
+        <?php foreach ($results as $imageL): ?>
+          <div class="col">
+            <div class="position-relative">
+              <a class="rounded ratio ratio-1x1" href="../image.php?artworkid=<?php echo $imageL['id']; ?>">
+                <img class="rounded shadow object-fit-cover lazy-load <?php echo ($imageL['type'] === 'nsfw') ? 'nsfw' : ''; ?>" data-src="../thumbnails/<?php echo $imageL['filename']; ?>" alt="<?php echo $imageL['title']; ?>">
+              </a> 
+              <?php
+                $current_image_id = $imageL['id'];
+                
+                // Query to count main image from the images table
+                $stmt = $db->prepare("SELECT COUNT(*) as image_count FROM images WHERE id = :id");
+                $stmt->bindValue(':id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $imageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $imageCount = $imageCountRow ? $imageCountRow['image_count'] : 0;
+            
+                // Query to count associated images from the image_child table
+                $stmt = $db->prepare("SELECT COUNT(*) as child_image_count FROM image_child WHERE image_id = :image_id");
+                $stmt->bindValue(':image_id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $childImageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $childImageCount = $childImageCountRow ? $childImageCountRow['child_image_count'] : 0;
+            
+                // Total count of main images and associated images
+                $totalImagesCount = $imageCount + $childImageCount;
+              ?>
+              <?php include('../rows_columns/image_counts.php'); ?>
+              <div class="position-absolute top-0 start-0">
+                <div class="dropdown">
+                  <button class="btn border-0 p-1" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                    <i class="bi bi-three-dots-vertical text-white link-body-emphasis fs-5" style="text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4), 2px 2px 4px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.2); text-stroke: 2;"></i>
+                  </button>
+                  <ul class="dropdown-menu">
+                    <li><button class="dropdown-item fw-bold" onclick="location.href='../edit_image.php?id=<?php echo $imageL['id']; ?>'" ><i class="bi bi-pencil-fill"></i> edit image</button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#deleteImage_<?php echo $imageL['id']; ?>"><i class="bi bi-trash-fill"></i> delete</button></li>
+                    <?php
+                    $is_favorited = false; // Initialize to false
+
+                    // Check if the image is favorited
+                    $stmt = $db->prepare("SELECT COUNT(*) AS num_favorites FROM favorites WHERE email = :email AND image_id = :image_id");
+                    $stmt->bindValue(':email', $email);
+                    $stmt->bindValue(':image_id', $imageL['id']);
+                    $stmt->execute();
+                    $row = $stmt->fetch(PDO::FETCH_ASSOC);
+
+                    if ($row['num_favorites'] > 0) {
+                      $is_favorited = true;
+                    }
+
+                    // Define the form action
+                    $form_action = $is_favorited ? 'unfavorite' : 'favorite';
+
+                    // Button label
+                    $button_label = $is_favorited ? 'unfavorite' : 'favorite';
+                    ?>
+                    <form method="POST">
+                      <input type="hidden" name="image_id" value="<?php echo $imageL['id']; ?>">
+                      <li>
+                        <button type="submit" class="dropdown-item fw-bold" name="<?php echo $form_action ?>">
+                          <i class="bi <?php echo $is_favorited ? 'bi-heart-fill' : 'bi-heart' ?>"></i>
+                          <small><?php echo $button_label ?></small>
+                        </button>
+                      </li>
+                    </form>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#shareImage<?php echo $imageL['id']; ?>"><i class="bi bi-share-fill"></i> <small>share</small></button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#infoImage_<?php echo $imageL['id']; ?>"><i class="bi bi-info-circle-fill"></i> <small>info</small></button></li>
+                  </ul>
+                  <?php include('share_profile_like.php'); ?>
+                </div>
+              </div>
+            </div>
+
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_like.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_like.php'); ?>
+
+          </div>
+        <?php endforeach; ?>
+      </div>
+    </div>
\ No newline at end of file
diff --git a/profile/image_card_pro_tagged_order_asc.php b/profile/image_card_pro_tagged_order_asc.php
new file mode 100644
index 00000000..3bae52c2
--- /dev/null
+++ b/profile/image_card_pro_tagged_order_asc.php
@@ -0,0 +1,81 @@
+    <div class="w-100 px-1">
+      <div class="<?php include('../rows_columns/row-cols.php'); echo $rows_columns; ?>">
+        <?php foreach ($results as $imageA): ?>
+          <div class="col">
+            <div class="position-relative">
+              <a class="rounded ratio ratio-1x1" href="../image.php?artworkid=<?php echo $imageA['id']; ?>">
+                <img class="rounded shadow object-fit-cover lazy-load <?php echo ($imageA['type'] === 'nsfw') ? 'nsfw' : ''; ?>" data-src="../thumbnails/<?php echo $imageA['filename']; ?>" alt="<?php echo $imageA['title']; ?>">
+              </a> 
+              <?php
+                $current_image_id = $imageA['id'];
+                
+                // Query to count main image from the images table
+                $stmt = $db->prepare("SELECT COUNT(*) as image_count FROM images WHERE id = :id");
+                $stmt->bindValue(':id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $imageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $imageCount = $imageCountRow ? $imageCountRow['image_count'] : 0;
+            
+                // Query to count associated images from the image_child table
+                $stmt = $db->prepare("SELECT COUNT(*) as child_image_count FROM image_child WHERE image_id = :image_id");
+                $stmt->bindValue(':image_id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $childImageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $childImageCount = $childImageCountRow ? $childImageCountRow['child_image_count'] : 0;
+            
+                // Total count of main images and associated images
+                $totalImagesCount = $imageCount + $childImageCount;
+              ?>
+              <?php include('../rows_columns/image_counts.php'); ?>
+              <div class="position-absolute top-0 start-0">
+                <div class="dropdown">
+                  <button class="btn border-0 p-1" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                    <i class="bi bi-three-dots-vertical text-white link-body-emphasis fs-5" style="text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4), 2px 2px 4px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.2); text-stroke: 2;"></i>
+                  </button>
+                  <ul class="dropdown-menu">
+                    <li><button class="dropdown-item fw-bold" onclick="location.href='../edit_image.php?id=<?php echo $imageA['id']; ?>'" ><i class="bi bi-pencil-fill"></i> edit image</button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#deleteImage_<?php echo $imageA['id']; ?>"><i class="bi bi-trash-fill"></i> delete</button></li>
+                    <?php
+                    $is_favorited = false; // Initialize to false
+
+                    // Check if the image is favorited
+                    $stmt = $db->prepare("SELECT COUNT(*) AS num_favorites FROM favorites WHERE email = :email AND image_id = :image_id");
+                    $stmt->bindValue(':email', $email);
+                    $stmt->bindValue(':image_id', $imageA['id']);
+                    $stmt->execute();
+                    $row = $stmt->fetch(PDO::FETCH_ASSOC);
+
+                    if ($row['num_favorites'] > 0) {
+                      $is_favorited = true;
+                    }
+
+                    // Define the form action
+                    $form_action = $is_favorited ? 'unfavorite' : 'favorite';
+
+                    // Button label
+                    $button_label = $is_favorited ? 'unfavorite' : 'favorite';
+                    ?>
+                    <form method="POST">
+                      <input type="hidden" name="image_id" value="<?php echo $imageA['id']; ?>">
+                      <li>
+                        <button type="submit" class="dropdown-item fw-bold" name="<?php echo $form_action ?>">
+                          <i class="bi <?php echo $is_favorited ? 'bi-heart-fill' : 'bi-heart' ?>"></i>
+                          <small><?php echo $button_label ?></small>
+                        </button>
+                      </li>
+                    </form>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#shareImage<?php echo $imageA['id']; ?>"><i class="bi bi-share-fill"></i> <small>share</small></button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#infoImage_<?php echo $imageA['id']; ?>"><i class="bi bi-info-circle-fill"></i> <small>info</small></button></li>
+                  </ul>
+                  <?php include('share_profile_order_asc.php'); ?>
+                </div>
+              </div>
+            </div>
+
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_order_asc.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_order_asc.php'); ?>
+
+          </div>
+        <?php endforeach; ?>
+      </div>
+    </div>
\ No newline at end of file
diff --git a/profile/image_card_pro_tagged_order_desc.php b/profile/image_card_pro_tagged_order_desc.php
new file mode 100644
index 00000000..1bac02cf
--- /dev/null
+++ b/profile/image_card_pro_tagged_order_desc.php
@@ -0,0 +1,81 @@
+    <div class="w-100 px-1">
+      <div class="<?php include('../rows_columns/row-cols.php'); echo $rows_columns; ?>">
+        <?php foreach ($results as $imageD): ?>
+          <div class="col">
+            <div class="position-relative">
+              <a class="rounded ratio ratio-1x1" href="../image.php?artworkid=<?php echo $imageD['id']; ?>">
+                <img class="rounded shadow object-fit-cover lazy-load <?php echo ($imageD['type'] === 'nsfw') ? 'nsfw' : ''; ?>" data-src="../thumbnails/<?php echo $imageD['filename']; ?>" alt="<?php echo $imageD['title']; ?>">
+              </a> 
+              <?php
+                $current_image_id = $imageD['id'];
+                
+                // Query to count main image from the images table
+                $stmt = $db->prepare("SELECT COUNT(*) as image_count FROM images WHERE id = :id");
+                $stmt->bindValue(':id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $imageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $imageCount = $imageCountRow ? $imageCountRow['image_count'] : 0;
+            
+                // Query to count associated images from the image_child table
+                $stmt = $db->prepare("SELECT COUNT(*) as child_image_count FROM image_child WHERE image_id = :image_id");
+                $stmt->bindValue(':image_id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $childImageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $childImageCount = $childImageCountRow ? $childImageCountRow['child_image_count'] : 0;
+            
+                // Total count of main images and associated images
+                $totalImagesCount = $imageCount + $childImageCount;
+              ?>
+              <?php include('../rows_columns/image_counts.php'); ?>
+              <div class="position-absolute top-0 start-0">
+                <div class="dropdown">
+                  <button class="btn border-0 p-1" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                    <i class="bi bi-three-dots-vertical text-white link-body-emphasis fs-5" style="text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4), 2px 2px 4px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.2); text-stroke: 2;"></i>
+                  </button>
+                  <ul class="dropdown-menu">
+                    <li><button class="dropdown-item fw-bold" onclick="location.href='../edit_image.php?id=<?php echo $imageD['id']; ?>'" ><i class="bi bi-pencil-fill"></i> edit image</button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#deleteImage_<?php echo $imageD['id']; ?>"><i class="bi bi-trash-fill"></i> delete</button></li>
+                    <?php
+                    $is_favorited = false; // Initialize to false
+
+                    // Check if the image is favorited
+                    $stmt = $db->prepare("SELECT COUNT(*) AS num_favorites FROM favorites WHERE email = :email AND image_id = :image_id");
+                    $stmt->bindValue(':email', $email);
+                    $stmt->bindValue(':image_id', $imageD['id']);
+                    $stmt->execute();
+                    $row = $stmt->fetch(PDO::FETCH_ASSOC);
+
+                    if ($row['num_favorites'] > 0) {
+                      $is_favorited = true;
+                    }
+
+                    // Define the form action
+                    $form_action = $is_favorited ? 'unfavorite' : 'favorite';
+
+                    // Button label
+                    $button_label = $is_favorited ? 'unfavorite' : 'favorite';
+                    ?>
+                    <form method="POST">
+                      <input type="hidden" name="image_id" value="<?php echo $imageD['id']; ?>">
+                      <li>
+                        <button type="submit" class="dropdown-item fw-bold" name="<?php echo $form_action ?>">
+                          <i class="bi <?php echo $is_favorited ? 'bi-heart-fill' : 'bi-heart' ?>"></i>
+                          <small><?php echo $button_label ?></small>
+                        </button>
+                      </li>
+                    </form>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#shareImage<?php echo $imageD['id']; ?>"><i class="bi bi-share-fill"></i> <small>share</small></button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#infoImage_<?php echo $imageD['id']; ?>"><i class="bi bi-info-circle-fill"></i> <small>info</small></button></li>
+                  </ul>
+                  <?php include('share_profile_order_desc.php'); ?>
+                </div>
+              </div>
+            </div>
+
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_order_desc.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_order_desc.php'); ?>
+
+          </div>
+        <?php endforeach; ?>
+      </div>
+    </div>
\ No newline at end of file
diff --git a/profile/image_card_pro_tagged_pop.php b/profile/image_card_pro_tagged_pop.php
new file mode 100644
index 00000000..f3d7d098
--- /dev/null
+++ b/profile/image_card_pro_tagged_pop.php
@@ -0,0 +1,81 @@
+    <div class="w-100 px-1">
+      <div class="<?php include('../rows_columns/row-cols.php'); echo $rows_columns; ?>">
+        <?php foreach ($results as $imageP): ?>
+          <div class="col">
+            <div class="position-relative">
+              <a class="rounded ratio ratio-1x1" href="../image.php?artworkid=<?php echo $imageP['id']; ?>">
+                <img class="rounded shadow object-fit-cover lazy-load <?php echo ($imageP['type'] === 'nsfw') ? 'nsfw' : ''; ?>" data-src="../thumbnails/<?php echo $imageP['filename']; ?>" alt="<?php echo $imageP['title']; ?>">
+              </a> 
+              <?php
+                $current_image_id = $imageP['id'];
+                
+                // Query to count main image from the images table
+                $stmt = $db->prepare("SELECT COUNT(*) as image_count FROM images WHERE id = :id");
+                $stmt->bindValue(':id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $imageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $imageCount = $imageCountRow ? $imageCountRow['image_count'] : 0;
+            
+                // Query to count associated images from the image_child table
+                $stmt = $db->prepare("SELECT COUNT(*) as child_image_count FROM image_child WHERE image_id = :image_id");
+                $stmt->bindValue(':image_id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $childImageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $childImageCount = $childImageCountRow ? $childImageCountRow['child_image_count'] : 0;
+            
+                // Total count of main images and associated images
+                $totalImagesCount = $imageCount + $childImageCount;
+              ?>
+              <?php include('../rows_columns/image_counts.php'); ?>
+              <div class="position-absolute top-0 start-0">
+                <div class="dropdown">
+                  <button class="btn border-0 p-1" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                    <i class="bi bi-three-dots-vertical text-white link-body-emphasis fs-5" style="text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4), 2px 2px 4px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.2); text-stroke: 2;"></i>
+                  </button>
+                  <ul class="dropdown-menu">
+                    <li><button class="dropdown-item fw-bold" onclick="location.href='../edit_image.php?id=<?php echo $imageP['id']; ?>'" ><i class="bi bi-pencil-fill"></i> edit image</button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#deleteImage_<?php echo $imageP['id']; ?>"><i class="bi bi-trash-fill"></i> delete</button></li>
+                    <?php
+                    $is_favorited = false; // Initialize to false
+
+                    // Check if the image is favorited
+                    $stmt = $db->prepare("SELECT COUNT(*) AS num_favorites FROM favorites WHERE email = :email AND image_id = :image_id");
+                    $stmt->bindValue(':email', $email);
+                    $stmt->bindValue(':image_id', $imageP['id']);
+                    $stmt->execute();
+                    $row = $stmt->fetch(PDO::FETCH_ASSOC);
+
+                    if ($row['num_favorites'] > 0) {
+                      $is_favorited = true;
+                    }
+
+                    // Define the form action
+                    $form_action = $is_favorited ? 'unfavorite' : 'favorite';
+
+                    // Button label
+                    $button_label = $is_favorited ? 'unfavorite' : 'favorite';
+                    ?>
+                    <form method="POST">
+                      <input type="hidden" name="image_id" value="<?php echo $imageP['id']; ?>">
+                      <li>
+                        <button type="submit" class="dropdown-item fw-bold" name="<?php echo $form_action ?>">
+                          <i class="bi <?php echo $is_favorited ? 'bi-heart-fill' : 'bi-heart' ?>"></i>
+                          <small><?php echo $button_label ?></small>
+                        </button>
+                      </li>
+                    </form>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#shareImage<?php echo $imageP['id']; ?>"><i class="bi bi-share-fill"></i> <small>share</small></button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#infoImage_<?php echo $imageP['id']; ?>"><i class="bi bi-info-circle-fill"></i> <small>info</small></button></li>
+                  </ul>
+                  <?php include('share_profile_pop.php'); ?>
+                </div>
+              </div>
+            </div>
+
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_pop.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_pop.php'); ?>
+
+          </div>
+        <?php endforeach; ?>
+      </div>
+    </div>
\ No newline at end of file
diff --git a/profile/image_card_pro_tagged_view.php b/profile/image_card_pro_tagged_view.php
new file mode 100644
index 00000000..df682a3d
--- /dev/null
+++ b/profile/image_card_pro_tagged_view.php
@@ -0,0 +1,81 @@
+    <div class="w-100 px-1">
+      <div class="<?php include('../rows_columns/row-cols.php'); echo $rows_columns; ?>">
+        <?php foreach ($results as $imageV): ?>
+          <div class="col">
+            <div class="position-relative">
+              <a class="rounded ratio ratio-1x1" href="../image.php?artworkid=<?php echo $imageV['id']; ?>">
+                <img class="rounded shadow object-fit-cover lazy-load <?php echo ($imageV['type'] === 'nsfw') ? 'nsfw' : ''; ?>" data-src="../thumbnails/<?php echo $imageV['filename']; ?>" alt="<?php echo $imageV['title']; ?>">
+              </a> 
+              <?php
+                $current_image_id = $imageV['id'];
+                
+                // Query to count main image from the images table
+                $stmt = $db->prepare("SELECT COUNT(*) as image_count FROM images WHERE id = :id");
+                $stmt->bindValue(':id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $imageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $imageCount = $imageCountRow ? $imageCountRow['image_count'] : 0;
+            
+                // Query to count associated images from the image_child table
+                $stmt = $db->prepare("SELECT COUNT(*) as child_image_count FROM image_child WHERE image_id = :image_id");
+                $stmt->bindValue(':image_id', $current_image_id, PDO::PARAM_INT);
+                $stmt->execute();
+                $childImageCountRow = $stmt->fetch(PDO::FETCH_ASSOC);
+                $childImageCount = $childImageCountRow ? $childImageCountRow['child_image_count'] : 0;
+            
+                // Total count of main images and associated images
+                $totalImagesCount = $imageCount + $childImageCount;
+              ?>
+              <?php include('../rows_columns/image_counts.php'); ?>
+              <div class="position-absolute top-0 start-0">
+                <div class="dropdown">
+                  <button class="btn border-0 p-1" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                    <i class="bi bi-three-dots-vertical text-white link-body-emphasis fs-5" style="text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4), 2px 2px 4px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.2); text-stroke: 2;"></i>
+                  </button>
+                  <ul class="dropdown-menu">
+                    <li><button class="dropdown-item fw-bold" onclick="location.href='../edit_image.php?id=<?php echo $imageV['id']; ?>'" ><i class="bi bi-pencil-fill"></i> edit image</button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#deleteImage_<?php echo $imageV['id']; ?>"><i class="bi bi-trash-fill"></i> delete</button></li>
+                    <?php
+                    $is_favorited = false; // Initialize to false
+
+                    // Check if the image is favorited
+                    $stmt = $db->prepare("SELECT COUNT(*) AS num_favorites FROM favorites WHERE email = :email AND image_id = :image_id");
+                    $stmt->bindValue(':email', $email);
+                    $stmt->bindValue(':image_id', $imageV['id']);
+                    $stmt->execute();
+                    $row = $stmt->fetch(PDO::FETCH_ASSOC);
+
+                    if ($row['num_favorites'] > 0) {
+                      $is_favorited = true;
+                    }
+
+                    // Define the form action
+                    $form_action = $is_favorited ? 'unfavorite' : 'favorite';
+
+                    // Button label
+                    $button_label = $is_favorited ? 'unfavorite' : 'favorite';
+                    ?>
+                    <form method="POST">
+                      <input type="hidden" name="image_id" value="<?php echo $imageV['id']; ?>">
+                      <li>
+                        <button type="submit" class="dropdown-item fw-bold" name="<?php echo $form_action ?>">
+                          <i class="bi <?php echo $is_favorited ? 'bi-heart-fill' : 'bi-heart' ?>"></i>
+                          <small><?php echo $button_label ?></small>
+                        </button>
+                      </li>
+                    </form>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#shareImage<?php echo $imageV['id']; ?>"><i class="bi bi-share-fill"></i> <small>share</small></button></li>
+                    <li><button class="dropdown-item fw-bold" data-bs-toggle="modal" data-bs-target="#infoImage_<?php echo $imageV['id']; ?>"><i class="bi bi-info-circle-fill"></i> <small>info</small></button></li>
+                  </ul>
+                  <?php include('share_profile_view.php'); ?>
+                </div>
+              </div>
+            </div>
+
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_view.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_view.php'); ?>
+
+          </div>
+        <?php endforeach; ?>
+      </div>
+    </div>
\ No newline at end of file
diff --git a/profile/image_card_pro_view.php b/profile/image_card_pro_view.php
index df682a3d..4d8f254c 100644
--- a/profile/image_card_pro_view.php
+++ b/profile/image_card_pro_view.php
@@ -72,7 +72,7 @@
               </div>
             </div>
 
-            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_tagged_view.php'); ?>
+            <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/delete_image_view.php'); ?>
             <?php include($_SERVER['DOCUMENT_ROOT'] . '/profile/components/card_image_view.php'); ?>
 
           </div>
diff --git a/profile/index.php b/profile/index.php
index 737cc395..708ccf57 100644
--- a/profile/index.php
+++ b/profile/index.php
@@ -123,7 +123,7 @@ function formatNumber($num) {
 ?>
 
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-bs-theme="<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/mode.php'); ?>">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -386,7 +386,7 @@ function myFunction1() {
     }
     ?>
     <div class="dropdown <?php echo $isTagHidden ? 'd-none' : ''; ?>">
-      <button class="btn btn-sm fw-bold rounded-pill ms-2 mb-3 btn-outline-dark dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+      <button class="btn btn-sm fw-bold rounded-pill ms-2 mb-3 btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
         <i class="bi bi-images"></i> sort by
       </button>
       <ul class="dropdown-menu">
@@ -419,7 +419,7 @@ function myFunction1() {
     }
     ?>
     <div class="dropdown <?php echo $isHidden ? 'd-none' : ''; ?>">
-      <button class="btn btn-sm fw-bold rounded-pill ms-2 mb-3 btn-outline-dark dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+      <button class="btn btn-sm fw-bold rounded-pill ms-2 mb-3 btn-outline-<?php include($_SERVER['DOCUMENT_ROOT'] . '/appearance/opposite.php'); ?> dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
         <i class="bi bi-images"></i> sort by
       </button>
       <ul class="dropdown-menu">
diff --git a/profile/most_popular_profile.php b/profile/most_popular_profile.php
index 40696284..ab0b55b7 100644
--- a/profile/most_popular_profile.php
+++ b/profile/most_popular_profile.php
@@ -1,94 +1,94 @@
-    <?php
-      // Get all of the images uploaded by the current user
-      $stmt = $db->prepare("SELECT images.*, COUNT(favorites.id) AS favorite_count FROM images LEFT JOIN favorites ON images.id = favorites.image_id WHERE images.email = :email GROUP BY images.id ORDER BY favorite_count DESC LIMIT 6");
-      $stmt->bindValue(':email', $email);
-      if ($stmt->execute()) {
-        // Fetch the results as an associative array
-        $resultsPopular = $stmt->fetchAll(PDO::FETCH_ASSOC);
-      } else {
-        // Handle the query execution error
-        echo "Error executing the query.";
-      }
-    ?>
-    
-    <style>.text-shadow { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4), 2px 2px 4px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.2); } </style>
-    <h6 class="container-fluid fw-bold mb-2">Popular images from <?php echo $artist; ?></h6>
-    
-    <!-- Mobile -->
-    <div id="carouselPopularMobile" class="carousel slide d-md-none d-lg-none mb-3">
-      <div class="carousel-indicators">
-        <?php foreach ($resultsPopular as $key => $imagePopular): ?>
-          <button type="button" data-bs-target="#carouselPopularMobile" data-bs-slide-to="<?php echo $key; ?>"<?php if ($key === 0) echo ' class="active"'; ?> aria-label="Slide <?php echo $key + 1; ?>"></button>
-        <?php endforeach; ?>
-      </div>
-      <div class="carousel-inner">
-        <?php foreach ($resultsPopular as $key => $imagePopular): ?>
-          <div class="carousel-item<?php if ($key === 0) echo ' active'; ?>">
-            <a class="d-block" href="../image.php?artworkid=<?php echo $imagePopular['id']; ?>">
-              <img src="../thumbnails/<?php echo $imagePopular['filename']; ?>" class="d-block w-100 object-fit-cover" height="280" alt="<?php echo $imagePopular['title']; ?>">
-              <div class="carousel-caption d-md-block">
-                <h5 class="fw-bold text-shadow"><?php echo $imagePopular['title']; ?></h5>
-                <p class="fw-medium text-shadow"><?php echo $imagePopular['imgdesc']; ?></p>
-              </div>
-            </a>
-          </div>
-        <?php endforeach; ?>
-      </div>
-      <button class="carousel-control-prev" type="button" data-bs-target="#carouselPopularMobile" data-bs-slide="prev">
-        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-        <span class="visually-hidden">Previous</span>
-      </button>
-      <button class="carousel-control-next" type="button" data-bs-target="#carouselPopularMobile" data-bs-slide="next">
-        <span class="carousel-control-next-icon" aria-hidden="true"></span>
-        <span class="visually-hidden">Next</span>
-      </button>
-    </div>
-    <!-- End of Mobile -->
-    
-    <!-- Desktop -->
-    <div class="d-none d-md-block d-lg-block mb-3 ">
-      <div class="d-flex justify-content-center align-item-center">
-        <div id="carouselPopularDesktop" class="carousel slide" style="width: 99.5%;">
-          <div class="carousel-inner rounded">
-            <?php $itemCount = count($resultsPopular); ?>
-            <?php for ($i = 0; $i < $itemCount; $i += 1): ?>
-              <div class=" carousel-item<?php if ($i === 0) echo ' active'; ?>">
-                <div class="row">
-                  <div class="col-md-6 m-0 p-0 pe-1">
-                    <div class="position-relative">
-                      <a class="d-block" href="../image.php?artworkid=<?php echo $resultsPopular[$i]['id']; ?>">
-                        <img src="../thumbnails/<?php echo $resultsPopular[$i]['filename']; ?>" class="d-block w-100 object-fit-cover rounded" height="300" alt="<?php echo $resultsPopular[$i]['title']; ?>">
-                        <div class="carousel-caption d-md-block position-absolute">
-                          <h5 class="fw-bold text-shadow"><?php echo $resultsPopular[$i]['title']; ?></h5>
-                          <p class="fw-medium text-shadow"><?php echo $resultsPopular[$i]['imgdesc']; ?></p>
-                        </div>
-                      </a>
-                    </div>
-                  </div>
-                  <?php if ($i + 1 < $itemCount): ?>
-                    <div class="col-md-6 m-0 p-0 ps-1">
-                      <div class="position-relative">
-                        <a class="d-block" href="../image.php?artworkid=<?php echo $resultsPopular[$i + 1]['id']; ?>">
-                          <img src="../thumbnails/<?php echo $resultsPopular[$i + 1]['filename']; ?>" class="d-block w-100 object-fit-cover rounded" height="300" alt="<?php echo $resultsPopular[$i + 1]['title']; ?>">
-                          <div class="carousel-caption d-md-block position-absolute">
-                            <h5 class="fw-bold text-shadow"><?php echo $resultsPopular[$i + 1]['title']; ?></h5>
-                            <p class="fw-medium text-shadow"><?php echo $resultsPopular[$i + 1]['imgdesc']; ?></p>
-                          </div>
-                        </a>
-                      </div>
-                    </div>
-                  <?php endif; ?>
-                </div>
-              </div>
-            <?php endfor; ?>
-          </div>
-          <div class="carousel-indicators">
-            <?php for ($i = 0; $i < $itemCount; $i += 2): ?>
-              <button type="button" data-bs-target="#carouselPopularDesktop" data-bs-slide-to="<?php echo $i; ?>"<?php if ($i === 0) echo ' class="active"'; ?> aria-label="Slide <?php echo $i / 2 + 1; ?>"></button>
-            <?php endfor; ?>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- End of Desktop -->
-
+    <?php
+      // Get all of the images uploaded by the current user
+      $stmt = $db->prepare("SELECT images.*, COUNT(favorites.id) AS favorite_count FROM images LEFT JOIN favorites ON images.id = favorites.image_id WHERE images.email = :email GROUP BY images.id ORDER BY favorite_count DESC LIMIT 6");
+      $stmt->bindValue(':email', $email);
+      if ($stmt->execute()) {
+        // Fetch the results as an associative array
+        $resultsPopular = $stmt->fetchAll(PDO::FETCH_ASSOC);
+      } else {
+        // Handle the query execution error
+        echo "Error executing the query.";
+      }
+    ?>
+    
+    <style>.text-shadow { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4), 2px 2px 4px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.2); } </style>
+    <h6 class="container-fluid fw-bold mb-2">Popular images from <?php echo $artist; ?></h6>
+    
+    <!-- Mobile -->
+    <div id="carouselPopularMobile" class="carousel slide d-md-none d-lg-none mb-3">
+      <div class="carousel-indicators">
+        <?php foreach ($resultsPopular as $key => $imagePopular): ?>
+          <button type="button" data-bs-target="#carouselPopularMobile" data-bs-slide-to="<?php echo $key; ?>"<?php if ($key === 0) echo ' class="active"'; ?> aria-label="Slide <?php echo $key + 1; ?>"></button>
+        <?php endforeach; ?>
+      </div>
+      <div class="carousel-inner">
+        <?php foreach ($resultsPopular as $key => $imagePopular): ?>
+          <div class="carousel-item<?php if ($key === 0) echo ' active'; ?>">
+            <a class="d-block" href="../image.php?artworkid=<?php echo $imagePopular['id']; ?>">
+              <img src="../thumbnails/<?php echo $imagePopular['filename']; ?>" class="d-block w-100 object-fit-cover" height="280" alt="<?php echo $imagePopular['title']; ?>">
+              <div class="carousel-caption d-md-block">
+                <h5 class="fw-bold text-white text-shadow"><?php echo $imagePopular['title']; ?></h5>
+                <p class="fw-medium text-white text-shadow"><?php echo $imagePopular['imgdesc']; ?></p>
+              </div>
+            </a>
+          </div>
+        <?php endforeach; ?>
+      </div>
+      <button class="carousel-control-prev" type="button" data-bs-target="#carouselPopularMobile" data-bs-slide="prev">
+        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+        <span class="visually-hidden">Previous</span>
+      </button>
+      <button class="carousel-control-next" type="button" data-bs-target="#carouselPopularMobile" data-bs-slide="next">
+        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+        <span class="visually-hidden">Next</span>
+      </button>
+    </div>
+    <!-- End of Mobile -->
+    
+    <!-- Desktop -->
+    <div class="d-none d-md-block d-lg-block mb-3 ">
+      <div class="d-flex justify-content-center align-item-center">
+        <div id="carouselPopularDesktop" class="carousel slide" style="width: 99.5%;">
+          <div class="carousel-inner rounded">
+            <?php $itemCount = count($resultsPopular); ?>
+            <?php for ($i = 0; $i < $itemCount; $i += 1): ?>
+              <div class=" carousel-item<?php if ($i === 0) echo ' active'; ?>">
+                <div class="row">
+                  <div class="col-md-6 m-0 p-0 pe-1">
+                    <div class="position-relative">
+                      <a class="d-block" href="../image.php?artworkid=<?php echo $resultsPopular[$i]['id']; ?>">
+                        <img src="../thumbnails/<?php echo $resultsPopular[$i]['filename']; ?>" class="d-block w-100 object-fit-cover rounded" height="300" alt="<?php echo $resultsPopular[$i]['title']; ?>">
+                        <div class="carousel-caption d-md-block position-absolute">
+                          <h5 class="fw-bold text-white text-shadow"><?php echo $resultsPopular[$i]['title']; ?></h5>
+                          <p class="fw-medium text-white text-shadow"><?php echo $resultsPopular[$i]['imgdesc']; ?></p>
+                        </div>
+                      </a>
+                    </div>
+                  </div>
+                  <?php if ($i + 1 < $itemCount): ?>
+                    <div class="col-md-6 m-0 p-0 ps-1">
+                      <div class="position-relative">
+                        <a class="d-block" href="../image.php?artworkid=<?php echo $resultsPopular[$i + 1]['id']; ?>">
+                          <img src="../thumbnails/<?php echo $resultsPopular[$i + 1]['filename']; ?>" class="d-block w-100 object-fit-cover rounded" height="300" alt="<?php echo $resultsPopular[$i + 1]['title']; ?>">
+                          <div class="carousel-caption d-md-block position-absolute">
+                            <h5 class="fw-bold text-white text-shadow"><?php echo $resultsPopular[$i + 1]['title']; ?></h5>
+                            <p class="fw-medium text-white text-shadow"><?php echo $resultsPopular[$i + 1]['imgdesc']; ?></p>
+                          </div>
+                        </a>
+                      </div>
+                    </div>
+                  <?php endif; ?>
+                </div>
+              </div>
+            <?php endfor; ?>
+          </div>
+          <div class="carousel-indicators">
+            <?php for ($i = 0; $i < $itemCount; $i += 2): ?>
+              <button type="button" data-bs-target="#carouselPopularDesktop" data-bs-slide-to="<?php echo $i; ?>"<?php if ($i === 0) echo ' class="active"'; ?> aria-label="Slide <?php echo $i / 2 + 1; ?>"></button>
+            <?php endfor; ?>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- End of Desktop -->
+
diff --git a/profile/profile_tagged_asc.php b/profile/profile_tagged_asc.php
index aec7500a..0249ddbe 100644
--- a/profile/profile_tagged_asc.php
+++ b/profile/profile_tagged_asc.php
@@ -63,7 +63,7 @@
 }
 ?>
 
-    <?php include('image_card_pro_asc.php'); ?>
+    <?php include('image_card_pro_tagged_asc.php'); ?>
     <?php
       $totalPages = ceil($total / $limit);
       $prevPage = $page - 1;
diff --git a/profile/profile_tagged_desc.php b/profile/profile_tagged_desc.php
index 9f626f93..fa9942ce 100644
--- a/profile/profile_tagged_desc.php
+++ b/profile/profile_tagged_desc.php
@@ -63,7 +63,7 @@
 }
 ?>
 
-    <?php include('image_card_pro_desc.php'); ?>
+    <?php include('image_card_pro_tagged_desc.php'); ?>
     <?php
       $totalPages = ceil($total / $limit);
       $prevPage = $page - 1;
diff --git a/profile/profile_tagged_least.php b/profile/profile_tagged_least.php
index 2864e4ef..dbe13686 100644
--- a/profile/profile_tagged_least.php
+++ b/profile/profile_tagged_least.php
@@ -63,7 +63,7 @@
 }
 ?>
 
-    <?php include('image_card_pro_least.php'); ?>
+    <?php include('image_card_pro_tagged_least.php'); ?>
     <?php
       $totalPages = ceil($total / $limit);
       $prevPage = $page - 1;
diff --git a/profile/profile_tagged_like.php b/profile/profile_tagged_like.php
index 8cb7b67d..7bd99266 100644
--- a/profile/profile_tagged_like.php
+++ b/profile/profile_tagged_like.php
@@ -93,7 +93,7 @@
 }
 ?>
 
-    <?php include('image_card_pro_like.php'); ?>
+    <?php include('image_card_pro_tagged_like.php'); ?>
     <?php
       $totalPages = ceil($total / $limit);
       $prevPage = $page - 1;
diff --git a/profile/profile_tagged_order_asc.php b/profile/profile_tagged_order_asc.php
index 3345caa8..04a17e55 100644
--- a/profile/profile_tagged_order_asc.php
+++ b/profile/profile_tagged_order_asc.php
@@ -63,7 +63,7 @@
 }
 ?>
 
-    <?php include('image_card_pro_order_asc.php'); ?>
+    <?php include('image_card_pro_tagged_order_asc.php'); ?>
     <?php
       $totalPages = ceil($total / $limit);
       $prevPage = $page - 1;
diff --git a/profile/profile_tagged_order_desc.php b/profile/profile_tagged_order_desc.php
index 2d700d16..d5699a63 100644
--- a/profile/profile_tagged_order_desc.php
+++ b/profile/profile_tagged_order_desc.php
@@ -63,7 +63,7 @@
 }
 ?>
 
-    <?php include('image_card_pro_order_desc.php'); ?>
+    <?php include('image_card_pro_tagged_order_desc.php'); ?>
     <?php
       $totalPages = ceil($total / $limit);
       $prevPage = $page - 1;
diff --git a/profile/profile_tagged_pop.php b/profile/profile_tagged_pop.php
index 130b2a26..9ee3990b 100644
--- a/profile/profile_tagged_pop.php
+++ b/profile/profile_tagged_pop.php
@@ -63,7 +63,7 @@
 }
 ?>
 
-    <?php include('image_card_pro_pop.php'); ?>
+    <?php include('image_card_pro_tagged_pop.php'); ?>
     <?php
       $totalPages = ceil($total / $limit);
       $prevPage = $page - 1;
diff --git a/profile/profile_tagged_view.php b/profile/profile_tagged_view.php
index 52850d6d..4344de09 100644
--- a/profile/profile_tagged_view.php
+++ b/profile/profile_tagged_view.php
@@ -63,7 +63,7 @@
 }
 ?>
 
-    <?php include('image_card_pro_view.php'); ?>
+    <?php include('image_card_pro_tagged_view.php'); ?>
     <?php
       $totalPages = ceil($total / $limit);
       $prevPage = $page - 1;