[wip] Implement photos loading and make everything dynamic

- Handle what happens when we click on Load more photos (detect if can load next or if reached the end)
- Show the current and total amount of photos (WIP as it apparently can't be filtered for aggregated)
- See filtered photos from URL when coming directly
- Disable button when all photos has been seen
- Show message if location doesn't exist

src/style/pages/_photos.scss

@@ -324,6 +324,20 @@
         }
     }
 
+
+    // Message
+    &__message {
+        // grid-column: ;
+        text-align: center;
+        padding: clamp(48px, 10vw, 160px) 0;
+        color: $color-text;
+
+        @include bp (sm) {
+            grid-column: 3 / span 20;
+        }
+    }
+
+
     /**
      * Controls
      */
@@ -361,12 +375,14 @@
 
         // See More Photos
         .button {
+            $color-button: #F2D3B8;
             grid-column: span var(--columns);
             grid-row: 1;
             margin: 0 auto;
             height: 56px;
-            background-color: #F2D3B8;
+            background-color: $color-button;
             font-size: rem(16px);
+            border: none;
 
             @include bp (sm) {
                 grid-column: 6 / span 12;
@@ -374,6 +390,11 @@
                 padding: 0 40px;
                 font-size: rem(18px);
             }
+
+            &[disabled] {
+                background: none;
+                border: 2px solid darken($color-button, 2);
+            }
         }
 
         // Photo Count