Add requested changes

Signed-off-by: Olga Bulat <obulat@gmail.com>

frontend/src/components/VCollectionPage.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="p-6 lg:p-10">
+  <div class="p-6 pt-0 lg:p-10 lg:pt-2">
     <VCollectionHeader
       v-if="collectionParams"
       :collection-params="collectionParams"

frontend/src/components/VLoadMore.vue

@@ -46,11 +46,11 @@ export default defineComponent({
       storeToRefs(mediaStore)
     const { searchTerm } = storeToRefs(searchStore)
 
-    const searchStarted = computed(() =>
-      searchStore.strategy === "default"
+    const searchStarted = computed(() => {
+      return searchStore.strategy === "default"
         ? searchTerm.value !== ""
         : searchStore.collectionParams !== null
-    )
+    })
 
     /**
      * Whether we should show the "Load more" button.

frontend/src/utils/validate-collection-params.ts

@@ -11,6 +11,18 @@ import { useProviderStore } from "~/stores/provider"
 import { warn } from "~/utils/console"
 import { useFeatureFlagStore } from "~/stores/feature-flag"
 
+/**
+ * Validate the params for a collection page.
+ *
+ * @param firstParam - The first param in the path, either "tag" or "source".
+ * If the first param is "source", the collection is either a source collection
+ * or a creator collection.
+ * @param mediaType - The media type of the collection.
+ * @param params - `params.pathMatch` is the part of the path after the collection name:
+ * `/sourceName` or `/sourceName/creator/creatorName`.
+ * @param $pinia - Pinia instance, necessary to check the feature flag, and validate the
+ * sources using providerStore.
+ */
 export function validateCollectionParams({
   firstParam,
   mediaType,