docs(styles): updated Font Awesome docs [ci visual]

packages/styles/stories/Font-awesome/font-awesome.stories.js

@@ -34,7 +34,27 @@ export default {
     parameters: {
         tags: ['theme'],
         description: `
-    Font Awesome can be used with SAP components to provide better visual clarity, and easier user navigation.
+      
+        
+## What is Font Awesome ?
+
+Font awesome is an icon libarary, that allows the users to add a large variety of icons to their projects. 
+This allows user to improve the clarity and ease of navigation of their website.
+
+
+<br />
+## How to add Font Awesome to your project
+
+The most simple way you can utilize Font Awesome is through the use of a CDN:
+
+<br />
+
+\`<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />\`
+
+<br />
+For other versions you can check <a href="https://cdnjs.com/libraries/font-awesome" target="_blank">CDNJ</a>. <br />
+Alternatively you can add Font Awesome through one of the other methods recommended on their <a href="https://fontawesome.com/" target="_blank">website</a>.
+
 `
     }
 };