Merge torrust/torrust-website#147: fix svelte check warnings

7caf368 fix svelte check warnings (MacBook air)

Pull request description:

  * Added a date property to a `BlogPostCard`. The modification is made to include an optional `date` property with an empty string as its default value. This change is reflected in two different places in the codebase.
  * Updated the `ProjectCard` component by renaming the `repo` prop to `repoURL` for clarity. The modification is made to improve the readability and understanding of the prop, aligning it with a more descriptive name.
  * Introduced the `id` prop in the `ContentSection` component, initialising it with an empty string. This modification aims to provide more flexibility and control over the identification of content sections while retaining the existing properties such as title, description, and align.
  * Updated usage of the `Hero` component within the story file. The change replaces the initial usage without explicit features and posts properties with an updated usage specifying the `hasFeatures` and `hasPosts` properties: This modification ensures that the `Hero` component is utilised with specific feature and post properties for more accurate representation and testing in the story.
  * Modified the instantiation of the `BlogPostCard` component within a loop, adding the date property.
  ```
  <BlogPostCard
    title={post.title}
    coverImage={post.coverImage}
    excerpt={post.excerpt}
    readingTime={post.readingTime}
    slug={post.slug}
    tags={post.tags}
    date={post.date}
  />
  ```

ACKs for top commit:
  josecelano:
    ACK 7caf368

Tree-SHA512: 36cc925c98f7b75cc9b969ebd475e7d07763108ca9eaaf134cc0cf3197026c59da563e2bc59b91b4c27b8dd528aa6dccca9a2406bdc0f13a6452c6f2c69cd96f

Author: josecelano

src/lib/components/molecules/BlogPostCard.story.svelte

@@ -16,6 +16,7 @@
 				excerpt="This is a blog post"
 				tags={['Tag 1', 'Tag 2']}
 				readingTime="5 min read"
+				date=""
 			/>
 		</Hst.Variant>
 
@@ -26,6 +27,7 @@
 				excerpt="This is a blog post"
 				tags={['Tag 1', 'Tag 2']}
 				readingTime="5 min read"
+				date=""
 			/>
 		</Hst.Variant>
 	</div>

src/lib/components/molecules/CodeBlock.story.svelte

@@ -9,7 +9,8 @@
 
 	let props: NoUndefinedField<ComponentProps<CodeBlock>> = {
 		filename: '+page.svelte',
-		lang: 'svelte'
+		lang: 'svelte',
+		fullBleed: false
 	};
 </script>
 

src/lib/components/molecules/ProjectCard.story.svelte

@@ -11,7 +11,7 @@
 <Hst.Story title="Molecules/Project Card">
 	<div style="padding: 12px;">
 		<Hst.Variant title="Default">
-			<ProjectCard title="Torrust Tracker" repo="https://github.com/torrust/torrust-tracker">
+			<ProjectCard title="Torrust Tracker" repoURL="https://github.com/torrust/torrust-tracker">
 				<div class="project-content" slot="content">
 					<p>
 						Torrust Tracker is a lightweight but incredibly high-performance and feature-rich

src/lib/components/molecules/ThemeToggle.svelte

@@ -109,7 +109,9 @@
 		stroke: var(--color--text);
 		stroke-width: 2px;
 		transform-origin: center center;
-		transition: all 0.5s var(--ease-elastic-4), opacity var(--_opacity-dur) var(--ease-3);
+		transition:
+			all 0.5s var(--ease-elastic-4),
+			opacity var(--_opacity-dur) var(--ease-3);
 	}
 
 	#moon > circle {

src/lib/components/organisms/ContentSection.story.svelte

@@ -9,6 +9,7 @@
 	export let Hst: HstType;
 
 	let props: NoUndefinedField<ComponentProps<ContentSection>> = {
+		id: '',
 		title: 'Content Section',
 		description: 'This is a section of content that can be used in a bunch of places',
 		align: 'top'

src/lib/components/organisms/Hero.story.svelte

@@ -7,5 +7,5 @@
 </script>
 
 <Hst.Story title="Organisms/Hero" layout={{ type: 'single', iframe: true }}>
-	<Hero />
+	<Hero hasFeatures={true} hasPosts={true} />
 </Hst.Story>

src/routes/(waves)/blog/+page.svelte

@@ -23,6 +23,7 @@
 						readingTime={post.readingTime}
 						slug={post.slug}
 						tags={post.tags}
+						date={post.date}
 					/>
 				{/each}
 			</div>