chore: update readme

Author: bre97-web

README.md

@@ -1,12 +1,25 @@
-# material-web-vscode-snippets
 
-material-web-vscode-snippets is a Visual Studio Code Extension, the extension only for @material/web
+<div align="center">
 
-|||
-|:--:|:--:|
-|![INTRO PICTURE](https://raw.githubusercontent.com/bre97-web/material-web-vscode-snippets/main/src/images/resources/intro-fab.png)|![INTRO PICTURE](https://raw.githubusercontent.com/bre97-web/material-web-vscode-snippets/main/src/images/resources/intro-button.png)|
+![Material Web Components Snippets](https://raw.githubusercontent.com/bre97-web/material-web-vscode-snippets/main/src/images/icon/extension-icon-128.png)
 
-![INTRO PICTURE](https://raw.githubusercontent.com/bre97-web/material-web-vscode-snippets/main/src/images/resources/intro-code.png)
+# Material Web Snippets
+
+![Visual Studio Marketplace Last Updated](https://img.shields.io/visual-studio-marketplace/last-updated/bre97-web.material-web-vscode-snippets)
+![Visual Studio Marketplace Release Date](https://img.shields.io/visual-studio-marketplace/release-date/bre97-web.material-web-vscode-snippets)
+![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/bre97-web.material-web-vscode-snippets)
+![Visual Studio Marketplace Version (including pre-releases)](https://img.shields.io/visual-studio-marketplace/v/bre97-web.material-web-vscode-snippets)
+
+</div>
+
+[material-web-vscode-snippets](https://marketplace.visualstudio.com/items?itemName=bre97-web.material-web-vscode-snippets) is a Visual Studio Code Extension, the extension only for [@material/web](https://github.com/material-components/material-web).
+
+
+|Description|Image||
+|:--|:--|:--|
+|Properties|![INTRO PICTURE](https://raw.githubusercontent.com/bre97-web/material-web-vscode-snippets/main/src/images/resources/intro-fab.png)|Provides some commonly used properties|
+|Chose a variant|![INTRO PICTURE](https://raw.githubusercontent.com/bre97-web/material-web-vscode-snippets/main/src/images/resources/intro-button.png)|Variants like filled and outlined in a snippet|
+|Full Components|![INTRO PICTURE](https://raw.githubusercontent.com/bre97-web/material-web-vscode-snippets/main/src/images/resources/intro-code.png)|You can use md- or md-components to insert available components|
 
 
 
@@ -17,7 +30,7 @@ This roadmap outlines the current and future goals for Material Web Components.
 *   ✅ Complete
 *   ⚫ Unreleased
 
-|Component Snippet|HTML|JS|
+|Component Snippet|HTML|Custom Data|
 |:--|:--|:--|
 |Button|✅|💤|
 |FAB|✅|💤|