diff --git a/.editorconfig b/.editorconfig
index 03ea1b2d..59595ecf 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -40,5 +40,6 @@ indent_style = space
indent_size = 2
[**.astro]
-indent_size = 2
-indent_style = space
+indent_size = 4
+indent_style = tab
+end_of_line = lf
diff --git a/docs/src/components/Header.astro b/docs/src/components/Header.astro
index 92183e05..f64a7f02 100644
--- a/docs/src/components/Header.astro
+++ b/docs/src/components/Header.astro
@@ -1,96 +1,100 @@
----
-import type { Props } from "@astrojs/starlight/props";
-
-import LanguageSelect from "@astrojs/starlight/components/LanguageSelect.astro";
-import Search from "@astrojs/starlight/components/Search.astro";
-import SiteTitle from "@astrojs/starlight/components/SiteTitle.astro";
-import SocialIcons from "@astrojs/starlight/components/SocialIcons.astro";
-import ThemeSelect from "@astrojs/starlight/components/ThemeSelect.astro";
-
-const shouldRenderSearch = true;
-
-// import App from "./react/advancedButton.jsx";
-import App from "./advancedButton.astro";
----
-
-
-
-
+---
+import type { Props } from "@astrojs/starlight/props";
+
+import LanguageSelect from "@astrojs/starlight/components/LanguageSelect.astro";
+import Search from "@astrojs/starlight/components/Search.astro";
+import SiteTitle from "@astrojs/starlight/components/SiteTitle.astro";
+import SocialIcons from "@astrojs/starlight/components/SocialIcons.astro";
+import ThemeSelect from "@astrojs/starlight/components/ThemeSelect.astro";
+
+const shouldRenderSearch = true;
+
+// import App from "./react/advancedButton.jsx";
+import App from "./advancedButton.astro";
+---
+
+
+
+
diff --git a/docs/src/components/advancedMarkdown.astro b/docs/src/components/advancedMarkdown.astro
index 239ed5f2..4a713b8f 100644
--- a/docs/src/components/advancedMarkdown.astro
+++ b/docs/src/components/advancedMarkdown.astro
@@ -3,5 +3,5 @@
---
-
+
diff --git a/docs/src/components/charts.astro b/docs/src/components/charts.astro
index 83397a4e..60eb7ea7 100644
--- a/docs/src/components/charts.astro
+++ b/docs/src/components/charts.astro
@@ -1,15 +1,18 @@
----
-const { class: className, id, summary } = Astro.props;
-
-import Radarr from "/src/charts/radarr.html?raw"
-import Example from "/src/charts/example.html?raw"
----
-
-
-
- {summary}
-
\ No newline at end of file
+---
+const { class: className, id, summary } = Astro.props;
+
+import Radarr from "/src/charts/radarr.html?raw";
+import Example from "/src/charts/example.html?raw";
+---
+
+
diff --git a/docs/src/components/details.astro b/docs/src/components/details.astro
index 90732628..b33a68e2 100644
--- a/docs/src/components/details.astro
+++ b/docs/src/components/details.astro
@@ -1,12 +1,12 @@
----
-const { class: className, id, summary } = Astro.props;
----
-
-
\ No newline at end of file
+---
+const { class: className, id, summary } = Astro.props;
+---
+
+
diff --git a/docs/src/components/global.jsx b/docs/src/components/global.jsx
index 5e366058..97ee98ef 100644
--- a/docs/src/components/global.jsx
+++ b/docs/src/components/global.jsx
@@ -1,8 +1,8 @@
-import Details from "/src/components/details.astro";
-import Modal from '/src/components/modal.astro';
-import Tooltip from '/src/components/tooltipTippy.astro';
-import Charts from "/src/components/charts.astro"
-import Important from "/src/components/important.astro"
-import Advanced from "/src/components/advancedMarkdown.astro"
-
-export { Advanced, Details, Modal, Tooltip, Charts, Important };
\ No newline at end of file
+import Details from "/src/components/details.astro";
+import Modal from '/src/components/modal.astro';
+import Tooltip from '/src/components/tooltipTippy.astro';
+import Charts from "/src/components/charts.astro"
+import Important from "/src/components/important.astro"
+import Advanced from "/src/components/advancedMarkdown.astro"
+
+export { Advanced, Details, Modal, Tooltip, Charts, Important };
diff --git a/docs/src/components/glossary.astro b/docs/src/components/glossary.astro
index 1479e970..c28887c9 100644
--- a/docs/src/components/glossary.astro
+++ b/docs/src/components/glossary.astro
@@ -1,13 +1,25 @@
----
-const posts = await Astro.glob('/src/content/docs/glossary/*.md');
-const basePath = "/" + Astro.url.pathname.split("/")[1] + "/";
-const Test = Astro.url.pathname;
-// const Test2 = thePath.substring(thePath.lastIndexOf('/') + 1);
----
-
-
\ No newline at end of file
+---
+const posts = await Astro.glob("/src/content/docs/glossary/*.md");
+const basePath = "/" + Astro.url.pathname.split("/")[1] + "/";
+const Test = Astro.url.pathname;
+// const Test2 = thePath.substring(thePath.lastIndexOf('/') + 1);
+---
+
+
diff --git a/docs/src/components/lightbox.astro b/docs/src/components/lightbox.astro
index 15fdb02d..399c437f 100644
--- a/docs/src/components/lightbox.astro
+++ b/docs/src/components/lightbox.astro
@@ -1,6 +1,6 @@
----
-import LightBox from '/src/components/react/lightbox.jsx'
-const {path, width, height} = Astro.props;
----
-
-
\ No newline at end of file
+---
+import LightBox from "/src/components/react/lightbox.jsx";
+const { path, width, height } = Astro.props;
+---
+
+
diff --git a/docs/src/components/modal.astro b/docs/src/components/modal.astro
index 45982690..4700897f 100644
--- a/docs/src/components/modal.astro
+++ b/docs/src/components/modal.astro
@@ -1,71 +1,71 @@
----
-const { id, label } = Astro.props;
-const buttonId = id + "-open";
-const buttonClose = id + "-close";
-
-const posts = await Astro.glob("/src/content/docs/glossary/*.md");
-
-const filtered = posts.find((post) => post.file.includes(id));
----
-
-
-
- {label}
-
-
-
-
- Cancel
-
-
-
-
-
+---
+const { id, label } = Astro.props;
+const buttonId = id + "-open";
+const buttonClose = id + "-close";
+
+const posts = await Astro.glob("/src/content/docs/glossary/*.md");
+
+const filtered = posts.find((post) => post.file.includes(id));
+---
+
+
+
+ {label}
+
+
+
+
+ Cancel
+
+
+
+
+
diff --git a/docs/src/components/tooltip.astro b/docs/src/components/tooltip.astro
index f9962dcc..1dd3710f 100644
--- a/docs/src/components/tooltip.astro
+++ b/docs/src/components/tooltip.astro
@@ -1,11 +1,19 @@
----
-import MyToolTip from "/src/components/react/tooltip.jsx"
-const { id, label } = Astro.props;
-
-const posts = await Astro.glob('/src/content/docs/glossary/*.md');
-const regex = new RegExp(`${id}\.md$|${id}\.mdx$`);
-const filtered = posts.find(post => post.file.match(regex));
-const basePath = "/" + Astro.url.pathname.split("/")[1] + "/";
----
-
-
+---
+import MyToolTip from "/src/components/react/tooltip.jsx";
+const { id, label } = Astro.props;
+
+const posts = await Astro.glob("/src/content/docs/glossary/*.md");
+const regex = new RegExp(`${id}\.md$|${id}\.mdx$`);
+const filtered = posts.find((post) => post.file.match(regex));
+const basePath = "/" + Astro.url.pathname.split("/")[1] + "/";
+---
+
+
diff --git a/docs/src/components/tooltipTippy.astro b/docs/src/components/tooltipTippy.astro
index 5d858019..89e50ece 100644
--- a/docs/src/components/tooltipTippy.astro
+++ b/docs/src/components/tooltipTippy.astro
@@ -1,47 +1,47 @@
----
-const { id, label, ...rest } = Astro.props;
-const posts = await Astro.glob("/src/content/docs/glossary/*.md");
-const regex = new RegExp(`${id}\.md$|${id}\.mdx$`);
-const filtered = posts.find((post) => post.file.match(regex));
-const htmlSplit = filtered?.compiledContent()?.toString()?.split(" ") || [];
-const basePath = "/" + Astro.url.pathname.split("/")[1] + "/";
-const glossaryUrl = basePath + "glossary/" + id;
----
-
-'}
- id={id}
- {...rest}>{label}
-
-
+---
+const { id, label, ...rest } = Astro.props;
+const posts = await Astro.glob("/src/content/docs/glossary/*.md");
+const regex = new RegExp(`${id}\.md$|${id}\.mdx$`);
+const filtered = posts.find((post) => post.file.match(regex));
+const htmlSplit = filtered?.compiledContent()?.toString()?.split(" ") || [];
+const basePath = "/" + Astro.url.pathname.split("/")[1] + "/";
+const glossaryUrl = basePath + "glossary/" + id;
+---
+
+'}
+ id={id}
+ {...rest}>{label}
+
+