added ExtensionRoot for consistent styling across injected components, and added a bunch of comments for all the added types and classes

src/views/components/common/ExtensionRoot/ExtensionRoot.module.scss

@@ -0,0 +1,12 @@
+@import 'src/views/styles/base.module.scss';
+
+.extensionRoot {
+    font-family: 'Inter' !important;
+    color: #303030;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    font-family: Inter, sans-serif;
+    font-weight: 300;
+    font-size: 14px;
+    line-height: 18px;
+}

src/views/components/common/ExtensionRoot/ExtensionRoot.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import styles from './ExtensionRoot.module.scss';
+
+interface Props {
+    testId?: string;
+}
+/**
+ * A wrapper component for the extension elements that adds some basic styling to them
+ */
+export default function ExtensionRoot(props: React.PropsWithChildren<Props>) {
+    return (
+        <div className={styles.extensionRoot} data-testid={props.testId}>
+            {props.children}
+        </div>
+    );
+}