Rename component, clean up CSS

app/styles/app.css

@@ -250,7 +250,7 @@ body {
   margin-bottom: 20px;
 }
 
-.photo-item {
+.photo-upload-item {
   position: relative;
   aspect-ratio: 1 / 1;
   border-radius: 6px;
@@ -258,14 +258,14 @@ body {
   background: #1e262e;
 }
 
-.photo-item-img {
+.photo-upload-item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
 }
 
-.photo-item-overlay {
+.photo-upload-item .overlay {
   position: absolute;
   inset: 0;
   background: rgb(0 0 0 / 60%);
@@ -274,7 +274,7 @@ body {
   justify-content: center;
 }
 
-.error-overlay {
+.photo-upload-item .error-overlay {
   background: rgb(224 108 117 / 80%);
   cursor: pointer;
   border: none;
@@ -283,7 +283,7 @@ body {
   width: 100%;
 }
 
-.btn-remove-photo {
+.photo-upload-item .btn-remove-photo {
   position: absolute;
   top: 4px;
   right: 4px;
@@ -300,7 +300,7 @@ body {
   padding: 0;
 }
 
-.btn-remove-photo:hover {
+.photo-upload-item .btn-remove-photo:hover {
   background: var(--marker-color-primary);
 }