clean columns in the second row of wall to use "position" from series

src/components/App.astro

@@ -7,6 +7,9 @@ import Background from '../components/Background';
 import { getCollection } from 'astro:content';
 import { getRecursivelyEntryData } from '../logic'
 import Modals from './Modals';
+import type { Collection } from './CollectionCard';
+import { SeriesPositionLeadingColumn, SeriesPositionCentralColumn, SeriesPositionTrailingColumn } from '../constants';
+
 
 const authors = await getCollection('authors')
 const numberOfAuthors = authors.length
@@ -23,6 +26,8 @@ for(const seriesEntry of series){
   seriesDataIndex[seriesEntry.slug]['body'] = seriesEntry.body
 }
 
+const seriesValues:Collection[] = Object.values(seriesDataIndex) 
+
 const associatedPartners = await getCollection('associatedPartners')
 const associatedPartnersData = associatedPartners.map((entry) => {
   return {
@@ -31,23 +36,17 @@ const associatedPartnersData = associatedPartners.map((entry) => {
   }
 })
 
-
 ---
 <Header client:only="react" />
 <Wall 
   client:only="react" 
   enterImpressoPy={seriesDataIndex['enter-impresso']}
   enterImpressoModels={seriesDataIndex['enter-impresso-models']}
-  seriesYourData={[
-    seriesDataIndex['entities'],
-  ]}
-  seriesUnexpected={[
-    seriesDataIndex['graph-network-visualisations'],
-    seriesDataIndex['drawing-basic-visualisation'],
-  ]}
-  seriesTutorials={[
-    seriesDataIndex['impresso-py-in-depth'],
-  ]}
+
+  seriesInLeadingColumn={seriesValues.filter((series) => series.position === SeriesPositionLeadingColumn)}
+  seriesInCentralColumn={seriesValues.filter((series) => series.position === SeriesPositionCentralColumn)}
+  seriesInTrailingColumn={seriesValues.filter((series) => series.position === SeriesPositionTrailingColumn)}
+
   numberOfNotebooks={numberOfNotebooks}
   numberOfSeries={numberOfSeries}
   numberOfAuthors={numberOfAuthors}

src/components/CollectionCard.tsx

@@ -2,6 +2,7 @@ import React from "react"
 import "./CollectionCard.css"
 import NotebookCard, { type Notebook } from "./NotebookCard.tsx"
 import MarkdownSnippet from "./MarkdownSnippet.tsx"
+
 export interface Collection {
   title: string
   excerpt: string
@@ -13,6 +14,8 @@ export interface Collection {
       }
     | null
     | undefined
+  category?: string[]
+  position?: string
   notebooks: Notebook[]
 }
 

src/components/Wall.tsx

@@ -29,19 +29,19 @@ const Wall = ({
   numberOfNotebooks = 100,
   numberOfSeries = 2,
   // series = [],
-  seriesUnexpected = [],
-  seriesTutorials = [],
-  seriesYourData = [],
+  seriesInTrailingColumn = [],
+  seriesInLeadingColumn = [],
+  seriesInCentralColumn = [],
   enterImpressoPy,
   enterImpressoModels,
   scrollToTop = false,
 }: {
   numberOfAuthors?: number
   numberOfNotebooks?: number
   numberOfSeries?: number
-  seriesUnexpected?: Collection[]
-  seriesTutorials?: Collection[]
-  seriesYourData?: Collection[]
+  seriesInTrailingColumn?: Collection[]
+  seriesInLeadingColumn?: Collection[]
+  seriesInCentralColumn?: Collection[]
   enterImpressoPy: Collection
   enterImpressoModels: Collection
   scrollToTop?: boolean
@@ -118,7 +118,7 @@ const Wall = ({
 
               <CodeSnippet value={CodeSample} theme={"duotoneDark"} />
             </CollectionCard>
-            {seriesTutorials.map((collection) => (
+            {seriesInLeadingColumn.map((collection) => (
               <CollectionCard
                 className="mb-3"
                 key={collection.title}
@@ -127,7 +127,7 @@ const Wall = ({
             ))}
           </Col>
           <Col md={6} xl={4} className="order-md-3 order-xl-2">
-            {seriesYourData.map((collection) => (
+            {seriesInCentralColumn.map((collection) => (
               <CollectionCard
                 className="mb-3"
                 key={collection.title}
@@ -142,7 +142,7 @@ const Wall = ({
                 theme={"duotoneDark"}
               />
             </CollectionCard>
-            {seriesUnexpected.map((collection) => (
+            {seriesInTrailingColumn.map((collection) => (
               <CollectionCard
                 key={collection.title}
                 collection={collection}