From 29f93b16393aa2fb669f76e9d3b77be7a20829ce Mon Sep 17 00:00:00 2001
From: Niji <nijikokun@gmail.com>
Date: Tue, 29 Oct 2024 16:44:44 -0700
Subject: [PATCH] chore: linting

---
 docs/traffic-policy/overview.mdx | 81 ++++++++++++++++++--------------
 1 file changed, 45 insertions(+), 36 deletions(-)

diff --git a/docs/traffic-policy/overview.mdx b/docs/traffic-policy/overview.mdx
index 61e001612..cae6c4b3e 100644
--- a/docs/traffic-policy/overview.mdx
+++ b/docs/traffic-policy/overview.mdx
@@ -6,14 +6,15 @@ import Link from "@docusaurus/Link";
 
 # Traffic Policy
 
-<div class="mt-2 text-lg prose prose-gray dark:prose-invert">
-    <p>
-        ngrok's Traffic Policy is a powerful configuration language for ngrok endpoints and edges, offering 
-        the flexibility to filter, match, manage and orchestrate traffic exactly as you need.
-    </p>
+<div class="prose prose-gray dark:prose-invert mt-2 text-lg">
+	<p>
+		ngrok's Traffic Policy is a powerful configuration language for ngrok
+		endpoints and edges, offering the flexibility to filter, match, manage and
+		orchestrate traffic exactly as you need.
+	</p>
 </div>
 
-With ngrok's Traffic Policy you can validate incoming traffic, block malicious traffic, rewrite URLs, respond 
+With ngrok's Traffic Policy you can validate incoming traffic, block malicious traffic, rewrite URLs, respond
 with custom content, forward traffic to your agents running across the globe and more...
 
 ## Get Started
@@ -36,9 +37,7 @@ Learn how traffic policies work, key concepts, examples, and identity management
 			</svg>
 			<h2>Quickstart</h2>
 		</div>
-		<p>
-			Apply a traffic policy to your app with the ngrok agent in 5 minutes.
-		</p>
+		<p>Apply a traffic policy to your app with the ngrok agent in 5 minutes.</p>
 		<a>Get started with Traffic Policy →</a>
 	</div>
 </Link>
@@ -56,15 +55,16 @@ Looking to do more with Traffic Policy?
 		</div>
 	</Link>
 
-	<Link to={`/traffic-policy/gallery/`}>
-		<div className="ngrok--card">
-			<div className="ngrok--card-heading">
-				<h3>Explore Examples and Use-Cases</h3>
-			</div>
-			<p>Dive into practical examples, use-cases, and guides to see traffic policies in action.</p>
-			<a>View Examples →</a>
-		</div>
-	</Link>
+    <Link to={`/traffic-policy/gallery/`}>
+    	<div className="ngrok--card">
+    		<div className="ngrok--card-heading">
+    			<h3>Explore Examples and Use-Cases</h3>
+    		</div>
+    		<p>Dive into practical examples, use-cases, and guides to see traffic policies in action.</p>
+    		<a>View Examples →</a>
+    	</div>
+    </Link>
+
 </div>
 
 <div className="ngrok--cards ngrok--cards-row">
@@ -73,7 +73,10 @@ Looking to do more with Traffic Policy?
 			<div className="ngrok--card-heading">
 				<h3> Understand Traffic Identity</h3>
 			</div>
-			<p>Learn how you can manage users authenticated with OAuth, SAML, and OIDC actions.</p>
+			<p>
+				Learn how you can manage users authenticated with OAuth, SAML, and OIDC
+				actions.
+			</p>
 			<a>View Examples →</a>
 		</div>
 	</Link>
@@ -83,15 +86,18 @@ Looking to do more with Traffic Policy?
 
 <Link
 	className="mb-4 block text-inherit no-underline hover:text-inherit hover:no-underline focus:text-inherit focus:no-underline"
-	to="/traffic-policy/actions"
+	to="/traffic-policy/actions/"
 >
 	<div className="ngrok--card ngrok--card-lg">
 		<div className="ngrok--card-heading">
-            <h3>Actions to Control & Manage your Traffic</h3>
-        </div>
-        <p>Utilize actions, such as add-headers and rate-limit, to transform, redirect, and manage traffic flow with advanced control options.</p>
-        <a>Explore Actions →</a>
-    </div>
+			<h3>Actions to Control & Manage your Traffic</h3>
+		</div>
+		<p>
+			Utilize actions, such as add-headers and rate-limit, to transform,
+			redirect, and manage traffic flow with advanced control options.
+		</p>
+		<a>Explore Actions →</a>
+	</div>
 </Link>
 
 <div className="ngrok--cards ngrok--cards-row">
@@ -114,17 +120,20 @@ Looking to do more with Traffic Policy?
             <a>Learn About Macros →</a>
         </div>
     </Link>
-</div>
 
+</div>
 
 <div className="ngrok--cards ngrok--cards-row">
-    <Link to={`/traffic-policy/api-resources/`}>
-        <div className="ngrok--card">
-            <div className="ngrok--card-heading">
-                <h3>API Resources</h3>
-            </div>
-            <p>API resources you can leverage as references within specific traffic actions.</p>
-            <a>View API Resources →</a>
-        </div>
-    </Link>
-</div>
\ No newline at end of file
+	<Link to={`/traffic-policy/api-resources/`}>
+		<div className="ngrok--card">
+			<div className="ngrok--card-heading">
+				<h3>API Resources</h3>
+			</div>
+			<p>
+				API resources you can leverage as references within specific traffic
+				actions.
+			</p>
+			<a>View API Resources →</a>
+		</div>
+	</Link>
+</div>