Enhancement: issue#442 | Removed Theme selector, User Avatar and Imag…

frontend/src/components/Album/Album.tsx

@@ -49,7 +49,9 @@ const AlbumsView: React.FC = () => {
     return (
       <div className="container mx-auto pb-4">
         <div className="mb-4 flex items-center justify-between">
-          <h1 className="text-2xl font-bold text-gray-100 dark:text-gray-900 bg-gray-800 dark:bg-gray-100 px-4 py-2 rounded-lg">Albums</h1>
+          <h1 className="rounded-lg bg-gray-800 px-4 py-2 text-2xl font-bold text-gray-100 dark:bg-gray-100 dark:text-gray-900">
+            Albums
+          </h1>
           <Button
             onClick={() => setIsCreateFormOpen(true)}
             variant="outline"
@@ -58,7 +60,9 @@ const AlbumsView: React.FC = () => {
             Create New Album
           </Button>
         </div>
-        <div className="text-xl text-center font-bold text-gray-900 dark:text-gray-100 px-4 py-2 rounded-lg">No albums found.</div>
+        <div className="rounded-lg px-4 py-2 text-center text-xl font-bold text-gray-900 dark:text-gray-100">
+          No albums found.
+        </div>
         <CreateAlbumForm
           isOpen={isCreateFormOpen}
           closeForm={() => setIsCreateFormOpen(false)}
@@ -114,7 +118,9 @@ const AlbumsView: React.FC = () => {
       ) : (
         <>
           <div className="mb-4 flex items-center justify-between">
-            <h1 className="text-2xl font-bold text-gray-100 dark:text-gray-900 bg-gray-800 dark:bg-gray-100 px-4 py-2 rounded-lg">Albums</h1>
+            <h1 className="rounded-lg bg-gray-800 px-4 py-2 text-2xl font-bold text-gray-100 dark:bg-gray-100 dark:text-gray-900">
+              Albums
+            </h1>
             <Button
               onClick={() => setIsCreateFormOpen(true)}
               variant="outline"

frontend/src/components/Media/MediaView.tsx

@@ -724,7 +724,7 @@ const MediaView: React.FC<MediaViewProps> = ({
                   <Crops />
                 </button>
                 {showAdjustMenu && (
-                  <div className="absolute bottom-full right-5 mb-2 z-[9999] grid w-64 grid-cols-2 gap-2 rounded-md border bg-gray-500 p-4 hover:border-white lg:grid-cols-1 max-h-60 overflow-y-auto">
+                  <div className="absolute right-5 bottom-full z-[9999] mb-2 grid max-h-60 w-64 grid-cols-2 gap-2 overflow-y-auto rounded-md border bg-gray-500 p-4 hover:border-white lg:grid-cols-1">
                     <div className="mb-1">
                       <label className="block text-sm font-medium text-white">
                         Brightness
@@ -831,7 +831,7 @@ const MediaView: React.FC<MediaViewProps> = ({
                     </div>
                   </div>
                 )}
-            
+
                 {onaspect && (
                   <div className="absolute bottom-full mb-2 w-32 rounded-md bg-white/20 backdrop-blur-md sm:right-1">
                     <div className="mt-1 mb-1 flex flex-col justify-center gap-1">