Merge branch 'master' into Extension

Author: Vivek Vishal

src/assets/images/meshery-extensions/icon-only/meshery-extensions-color.svg

@@ -63,8 +63,12 @@ export const BlogWrapper = styled.div`
     }
   }
   h3 {
+      margin-top: .75rem;
       margin-bottom: .75rem;
     }
+  ul {
+      margin-bottom: .75rem;
+  }
   .to-uppercase {
     text-transform: uppercase;
   }

src/collections/blog/Blog.style.js

@@ -46,8 +46,8 @@ margin: 1rem;
 
 .form{
     font-size: .9rem;
-    width: fit-content !important;
-    margin: 0 1rem 1rem;
+    width: 100%;
+    margin: 0 0 1rem;
     padding: 1rem;
     
     .supscript{
@@ -58,7 +58,7 @@ margin: 1rem;
 
       label {
         display: block;
-        font-size: 1rem;
+        font-size: .98rem;
       }
 
       .required-sign {
@@ -97,7 +97,7 @@ margin: 1rem;
         display: block;
       }
       .formRight select {
-        background: linear-gradient(90deg, rgba(0,179,159,0.15) 0%, rgba(208,228,228,.7) 40%);
+        background: ${props => props.theme.grey212121ToWhite};
         border: 1px solid black;
         border-radius: 10px;
         height: 50px;
@@ -108,14 +108,6 @@ margin: 1rem;
         color: ${props => props.theme.primaryColor};
       }
 
-      .options {
-        color: ${props => props.theme.textColor};
-      }
-
-      .formRight option {
-        color: black;
-      }
-
       .custom-arrow {
         background-color: white;
         width: 2rem;
@@ -146,8 +138,9 @@ margin: 1rem;
         border-radius: 10px;
         padding: .5rem .5rem;
         font-size: .85rem;
-        background: linear-gradient(90deg, rgba(0,179,159,0.15) 0%, rgba(208,228,228,.7) 40%);
+        background: ${props => props.theme.grey212121ToWhite};
         color: ${props => props.theme.primaryColor};
+        resize: none;
       }
 
       .text-field:focus {

src/components/CommonForm/commonForm.style.js

@@ -9,6 +9,7 @@ import MesheryOperator from "../../../assets/images/meshery-operator/meshery-ope
 import MeshSync from "../../../assets/images/meshsync/meshsync.svg";
 import servicemeshperformance from "../../../assets/images/service-mesh-performance/icon/smp-dark.svg";
 import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg";
+import mesheryextension from "../../../assets/images/meshery-extensions/icon-only/meshery-extensions-color.svg";
 import servicemeshpattern from "../../../assets/images/service-mesh-patterns/service-mesh-pattern.svg";
 import Kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
 
@@ -25,7 +26,7 @@ const SecurityVulnerabilitiesPage = () => {
             <h2 className="heading-top">Reporting a vulnerability</h2><br />
             <p>We are very grateful to the security researchers and users that report security vulnerabilities. We investigate each report thoroughly.</p>
             <p>To make a report, send an email to the private <a href="mailto: security@layer5.io">security@layer5.io</a>  mailing list with the vulnerability details. For normal product bugs unrelated to latent security vulnerabilities, please head to the appropriate repository and submit a <a href="https://github.com/layer5io/layer5/issues/new/choose">new issue</a> .</p>
-            <p>Note that the Layer5 community spans five GitHub organizations:</p>
+            <p>Note that the Layer5 community spans six GitHub organizations:</p>
             <ul className="project-org-list">
               <li>
                 <a href="https://github.com/layer5io">
@@ -93,6 +94,16 @@ const SecurityVulnerabilitiesPage = () => {
                   style={{ marginLeft: ".3rem" }}
                 />Kanvas.
               </li>
+              <li>
+                <a href="https://github.com/meshery-extensions">
+                  <img
+                    src={mesheryextension}
+                    alt="meshery extension icon"
+                  />
+                  &nbsp; Meshery Extensions
+                </a>
+                  - plugins or add-ons providing extra functionalities that can be used to customize, extend and integrate with other tools and services.
+              </li>
             </ul>
             <p>You can find the list of all the Layer5 project repositories <a href="https://layer5.io/community/handbook/repository-overview">here</a></p>
             <h3>When to report a security vulnerability?</h3>