feat: 🚀 banner and shields are added

Signed-off-by: Onuralp SEZER <[email protected]>

app.py

@@ -16,11 +16,29 @@ else:
 
 TITLE = """<h1 align="center">Supervision Annotator Playground 🚀</h1>"""
 SUBTITLE = """<h2 align="center">Experiment with Supervision Annotators</h2>"""
-DUPLICATE = """
+BANNER = """
+<div align="center">
+    <p>
+        <a align="center" href="https://supervision.roboflow.com/" target="_blank">
+            <img style="max-width: 50%; height: auto; margin: 0 auto; display: block; padding: 20"
+                src="https://media.roboflow.com/open-source/supervision/rf-supervision-banner.png?updatedAt=1678995927529">
+        </a>
+    </p>
+</div>
+"""  # noqa: E501 title/docs
+DESC = """
 <div style="text-align: center; display: flex; justify-content: center; align-items: center;">
     <a href="https://huggingface.co/spaces/Roboflow/Annotators?duplicate=true">
         <img src="https://bit.ly/3gLdBN6" alt="Duplicate Space" style="margin-right: 10px;">
     </a>
+    <a href="https://github.com/roboflow/supervision">
+        <img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/roboflow/supervision"
+            style="margin-right: 10px;">
+    </a>
+    <a href="https://colab.research.google.com/github/roboflow/supervision/blob/main/demo.ipynb">
+        <img alt="Open In Colab" src="https://colab.research.google.com/assets/colab-badge.svg"
+            style="margin-right: 10px;">
+    </a>
 </div>
 """  # noqa: E501 title/docs
 
@@ -166,7 +184,8 @@ purple_theme = theme = gr.themes.Soft(primary_hue=gr.themes.colors.purple).set(
 with gr.Blocks(theme=purple_theme) as app:
     gr.HTML(TITLE)
     gr.HTML(SUBTITLE)
-    gr.HTML(DUPLICATE)
+    gr.HTML(BANNER)
+    gr.HTML(DESC)
     annotators = gr.CheckboxGroup(
         choices=[
             "BoundingBox",