Fix tag cloud spacing and increase file size limit

Layout Fixes:
- Added margin-bottom to TagCloud component (--text-spacing-md)
- Only show TagCloud when filter.length > 0 (conditional rendering)
- Proper spacing between tag cloud and cards when tags are selected
- Responsive spacing: 0.75rem on mobile, 1rem on desktop

File Size Limit Fix:
- Increased maxFileSize to 150 MB (from default 100 MB)
- Allows downloading large images from Wikidata (e.g., 103.17 MB file)
- Prevents 'File size exceeds maximum allowed size' errors during development

Author: hunsalz

gridsome.config.js

@@ -61,6 +61,7 @@ module.exports = {
         baseDir: "/content/images/",
         cacheEnabled: true,
         ttl: 7 * 24 * 60 * 60 * 1000, // 7 days (longer cache to reduce API calls)
+        maxFileSize: 150 * 1024 * 1024, // 150 MB (increased from default 100 MB to handle large images)
         verbose: true,
       },
     },

src/components/TagCloud.vue

@@ -43,6 +43,7 @@ export default {
   flex-wrap: wrap;
   gap: var(--tag-gap);
   margin: 0;
+  margin-bottom: var(--text-spacing-md); // Add spacing below tag cloud
   padding: 0;
   width: 100%;
   position: relative;

src/pages/Index.vue

@@ -1,7 +1,7 @@
 <template>
   <Layout :show-back-link="false" :toggle-view="showToggleView()">
     <div class="index-content">
-      <TagCloud :event="removeTag()" :tags="filter" />
+      <TagCloud v-if="filter.length > 0" :event="removeTag()" :tags="filter" />
       <div v-if="computeCards.length === 0" class="empty-state">
         <div class="empty-state__content">
           <h2 class="empty-state__title">