Create new root directory in web app for template styles

web-app/src/lib/templates/blog/styles.css

@@ -1,18 +0,0 @@
-:root {
-  color-scheme: light dark;
-}
-
-body {
-  margin-inline: auto;
-  inline-size: min(100% - 2rem, 75ch);
-  line-height: 1.5;
-  font-family: system-ui, sans-serif;
-}
-
-img,
-picture,
-svg,
-video {
-  max-inline-size: 100%;
-  block-size: auto;
-}

web-app/src/routes/(authenticated)/website/[websiteId]/publish/+page.server.ts

@@ -99,7 +99,7 @@ const generateStaticFiles = async (websiteData: any, isPreview: boolean = true)
     await writeFile(join(uploadDir, "articles", `${articleFileName}.html`), articleFileContents);
   }
 
-  const styles = await readFile(`${process.cwd()}/src/lib/templates/blog/styles.css`, {
+  const styles = await readFile(`${process.cwd()}/template-styles/blog-styles.css`, {
     encoding: "utf-8"
   });
   await writeFile(join(uploadDir, "styles.css"), styles);