Implement styling, easier config

src/pages/[collection]/[...slug].astro

@@ -32,9 +32,10 @@ if (!collection || !isSiteCollection(collection)) {
 const { entry } = Astro.props;
 const entries = await getCollection(collection);
 const collectionIndex = entries.find((item) => item.id === "index");
-const entryUrl = entry.id === "index" ? `/${collection}` : `/${collection}/${entry.id}`;
+const entryUrl =
+  entry.id === "index" ? `/${collection}` : `/${collection}/${entry.id}`;
 const breadcrumbs = [
-  { label: "Radie Help", href: "/" },
+  { label: "Radium Help", href: "/" },
   {
     label: collectionIndex?.data.title ?? collection,
     href: entry.id === "index" ? undefined : `/${collection}`,
@@ -49,5 +50,7 @@ const { Content } = await render(entry);
 ---
 
 <Layout title={entry.data.title} breadcrumbs={breadcrumbs}>
-  <Content />
+  <div class="prose-radium">
+    <Content class="prose-radium" />
+  </div>
 </Layout>