update pinned rules image

docs/browser-extension/common/getting-started/_index.mdx

@@ -29,7 +29,7 @@ You can click on Requestly icon in toolbar to access your pinned rules and toggl
 
 <img
   src="/img/docs/pinned-rules.png"
-  width="700"
+  width="600"
   align="centre"
   alt="Pinned Rules"
 />

docs/common/features/_pinning-rules.mdx

@@ -1,18 +1,29 @@
-
 <h3> 📌 Pin your Rules </h3>
 
 You can pin your rules and access them without opening the app by clicking on the Requestly icon present on the Chrome toolbar. You can turn your pinned rules on or off directly from the toolbar.
 ‍
-<h3> How to pin </h3> 
-Hover your mouse over the rule you want to pin. On the right side, you’ll see the option of ‘Pin Rule’. Click on the option to pin your rule.  <br/> <br/> 
 
-<img src="/img/docs/pin-rules.png" width="800" align="centre" alt="List of Rules" /> 
+<h3> How to pin </h3>
+Hover your mouse over the rule you want to pin. On the right side, you’ll see the
+option of ‘Pin Rule’. Click on the option to pin your rule. <br /> <br />{" "}
+
+<img
+  src="/img/docs/pin-rules.png"
+  width="800"
+  align="centre"
+  alt="List of Rules"
+/>{" "}
 
 <h3> Access your pinned rules </h3>
 
-You can use click on Requestly icon in toolbar to access your pinned rules and toggle them on/off with just one click! 
+You can use click on Requestly icon in toolbar to access your pinned rules and toggle them on/off with just one click!
 
-<img src="/img/docs/pinned-rules.png" width="700" align="centre" alt="Pinned Rules" />
-<br/> <br/> 
+<img
+  src="/img/docs/pinned-rules.png"
+  width="600"
+  align="centre"
+  alt="Pinned Rules"
+/>
+<br /> <br />{" "}
 
-Quick and convenient ⚡️ 
+Quick and convenient ⚡️