Apply patch

src/pages/servants.astro

@@ -1,14 +1,13 @@
 ---
+import CeCard from '@components/cards/ceCard.astro'
+import ServantCard from '@components/cards/servantCard.astro'
+import Placeholder from '@components/placeholder.astro'
+import SmallTitle from '@components/titles/smallTitle.astro'
+import cedata from '@datafiles/cedata.json'
+import servantdata from '@datafiles/servantdata.json'
 import Layout from '@layouts/Layout.astro'
 import ServantSection from '@layouts/servantSection.astro'
 
-import ServantCard from '@components/cards/servantCard.astro'
-import servantdata from '@datafiles/servantdata.json'
-
-import CeCard from '@components/cards/ceCard.astro'
-import cedata from '@datafiles/cedata.json'
-import SmallTitle from '@components/titles/smallTitle.astro'
-
 const description =
   'A list of all the servants and ces that Firq can offer up on support for TA.'
 ---
@@ -22,17 +21,11 @@ const description =
   <ServantSection title="Servants">
     {servantdata.map((item, index) => <ServantCard {...item} index={index} />)}
   </ServantSection>
-  <div class="placeholder"></div>
+  <Placeholder height="2.5rem"/>
   <ServantSection title="CEs">
     {cedata.map((item) => <CeCard {...item} />)}
   </ServantSection>
-  <div class="placeholder"></div>
+  <Placeholder height="2.5rem"/>
 </Layout>
 
-<style>
-  .placeholder {
-    visibility: hidden;
-    width: 100%;
-    height: 2.5rem;
-  }
-</style>
+<style></style>