Run prettier

docs/troubleshooting/network-diagrams.mdx

@@ -5,19 +5,6 @@ title: "🕸️ Network Diagrams"
 
 Here, we provide clear and structured diagrams to help you understand how various components of the network interact within different setups. This documentation is designed to assist both macOS/Windows and Linux users. Each scenario is illustrated using Mermaid diagrams to show how the interactions are set up depending on the different system configurations and deployment strategies.
 
-## Table of Contents
-1. [Mac OS/Windows Setup Options](#macoswindows-setup-options)
-   - [Ollama on Host, Open WebUI in Container](#ollama-on-host-open-webui-in-container)
-   - [Ollama and Open WebUI in Compose Stack](#ollama-and-open-webui-in-compose-stack)
-   - [Ollama and Open WebUI, Separate Networks](#ollama-and-open-webui-separate-networks)
-   - [Open WebUI in Host Network](#open-webui-in-host-network)
-2. [Linux Setup Options](#linux-setup-options)
-   - [Ollama on Host, Open WebUI in Container](#ollama-on-host-open-webui-in-container-linux)
-   - [Ollama and Open WebUI in Compose Stack](#ollama-and-open-webui-in-compose-stack-linux)
-   - [Ollama and Open WebUI, Separate Networks](#ollama-and-open-webui-separate-networks-linux)
-   - [Open WebUI in Host Network, Ollama on Host](#open-webui-in-host-network-ollama-on-host)
-
-
 ## Mac OS/Windows Setup Options 🖥️
 
 ### Ollama on Host, Open WebUI in Container

src/components/SponsorList.tsx

@@ -12,7 +12,7 @@ export const SponsorList = () => {
 	];
 
 	return (
-		<div className=" flex gap-5 flex-wrap items-center justify-center">
+		<div className="flex flex-wrap items-center justify-center gap-5">
 			{sponsors.map((sponsor) => (
 				<Sponsor sponsor={sponsor} />
 			))}

src/components/Sponsors/Sponsor.tsx

@@ -1,15 +1,15 @@
 export const Sponsor = ({ sponsor }) => {
 	return (
 		<>
-			<div className="flex flex-col mb-2 ">
+			<div className="mb-2 flex flex-col">
-				<div className="text-[0.6rem] text-gray-500 dark:text-gray-400 font-bold underline mb-1.5">
+				<div className="mb-1.5 text-[0.6rem] font-bold text-gray-500 underline dark:text-gray-400">
 					<a href={sponsor.url} target="_blank">
 						{sponsor.name}
 					</a>
 				</div>
 
 				<a href={sponsor.url} target="_blank">
-					<div className="flex w-32 md:w-48 gap-2.5 items-start">
+					<div className="flex w-32 items-start gap-2.5 md:w-48">
 						<div className="basis-1/2">
 							<img
 								className="rounded-xl"
@@ -19,8 +19,8 @@ export const Sponsor = ({ sponsor }) => {
 							/>
 						</div>
 
-						<div className=" basis-1/2 flex">
+						<div className="flex basis-1/2">
-							<div className=" text-[0.6rem] text-gray-500 dark:text-gray-400 font-bold  line-clamp-4 md:line-clamp-5 no-underline">
+							<div className="line-clamp-4 text-[0.6rem] font-bold text-gray-500 no-underline dark:text-gray-400 md:line-clamp-5">
 								{sponsor.description}
 							</div>
 						</div>

src/components/Sponsors/TopBanner.tsx

@@ -4,27 +4,27 @@ export const TopBanner = ({ items }) => {
 			{items.map((item) => (
 				<>
 					<div className="mb-2">
-						<div className="text-xs text-gray-600 dark:text-gray-300 font-semibold underline mb-1">
+						<div className="mb-1 text-xs font-semibold text-gray-600 underline dark:text-gray-300">
 							Sponsored by {item.name}
 						</div>
 
 						<a href={item.url} target="_blank">
 							<img
-								className="w-full rounded-xl hidden md:block"
+								className="hidden w-full rounded-xl md:block"
 								loading="lazy"
 								alt={item.name}
 								src={item.imgSrc}
 							/>
 
 							<img
-								className="w-full rounded-xl block md:hidden"
+								className="block w-full rounded-xl md:hidden"
 								loading="lazy"
 								alt={item.name}
 								src={item?.mobileImgSrc || item.imgSrc}
 							/>
 						</a>
 
-						<div className="text-right text-xs mt-1 text-gray-600 dark:text-gray-300 font-semibold  line-clamp-1">
+						<div className="mt-1 line-clamp-1 text-right text-xs font-semibold text-gray-600 dark:text-gray-300">
 							{item.description}
 						</div>
 					</div>

src/components/TopBanners.tsx

@@ -15,8 +15,7 @@ export const TopBanners = () => {
 			mobileImgSrc: "/ads/sponsor-banner-small-1.png",
 			url: "https://davewaring.com/tag/digital-brain-building/",
 			name: "Dave Waring",
-			description:
+			description: "Follow along as I build my own AI powered digital brain.",
-				"Follow along as I build my own AI powered digital brain.",
 		},
 	];