feat: add docs for popular extensions

api/06-popular-extensions.md

@@ -0,0 +1,74 @@
+---
+title: Popular Extensions
+---
+
+This document provides an overview of the most popular extensions available for Phoenix Code.
+
+## Emmet
+Created by: [Emmet.io](https://emmet.io)
+
+Emmet speeds up HTML and CSS coding by allowing you to write shortcuts that expand into full code snippets.
+
+For more details, visit the [website of Emmet](https://emmet.io/).
+
+`Emmet` in action :-
+![Emmet](./images/popular-extensions/emmet.gif)
+
+
+
+## Minimap
+Created by: [Zorgzerg](https://github.com/zorgzerg)
+
+This extension adds a minimap preview of your code on the side of your editor, making it easier to navigate and get an overview of your code structure.
+
+For more details, visit the [GitHub repository](https://github.com/zorgzerg/brackets-minimap) of the extension.
+
+`Minimap` in action :-
+![Minimap](./images/popular-extensions/minimap.png)
+
+
+## Show Whitespace 
+Created by: [Dennis Kehrig](https://github.com/DennisKehrig)
+
+This extension allows users to visualize spaces and tabs, making code more readable and helping maintain formatting consistency.
+
+For more details, visit the [GitHub repository](https://github.com/DennisKehrig/brackets-show-whitespace) of the extension.
+
+`Show Whitespace` in action :-
+![Show Whitespace](./images/popular-extensions/Show-Whitespace.png)
+
+
+
+## Line Height 
+Created by: [Devvaannsh](https://github.com/devvaannsh)
+
+This extension allows users to change the line spacing in the code for better readability.
+
+For more details, visit the [GitHub repository](https://github.com/devvaannsh/custom-line-height) of the extension.
+
+`Line Height` in action :-
+![Line Height](./images/popular-extensions/Line-Height.png)
+
+
+## 1-2-3
+Created by: [Michaljerabek](https://github.com/michaljerabek)
+
+Generates number sequences directly in your editor, making it easy to create ordered lists or numbered markers with minimal effort.
+
+For more details, visit the [GitHub repository](https://github.com/michaljerabek/1-2-3) of the extension.
+
+`1-2-3` in action :-
+![1-2-3](./images/popular-extensions/1-2-3.gif)
+
+
+## FuncDocr
+Created by: [Wikunia](https://github.com/Wikunia)
+
+This extension generates JS/PHPDocs for your functions, keeping your code documented and organized.
+
+For more details, visit the [GitHub repository](https://github.com/wikunia/brackets-funcdocr) of the extension.
+
+`FuncDocr` in action :-
+![FuncDocr](./images/popular-extensions/Func-Docr.gif)
+
+