Feat/update query doc sidepanel (#8214)

* create new components for query side panel

* add reusable icon component that uses svg for icons

* integrate with new osquery_fleet_schema.json data

* update UI to work with osquery_fleet_schema.json

* add remark-gfm to safely support direct urls in markdown

* move fleet ace into markdown component so we can render code with ace editor

* add testing for new query sidebar

* remove incomplete tests for query sidepanel

frontend/components/TooltipWrapper/TooltipWrapper.tsx

@@ -1,3 +1,4 @@
+import classnames from "classnames";
 import React from "react";
 
 interface ITooltipWrapperProps {
@@ -5,6 +6,7 @@ interface ITooltipWrapperProps {
   tipContent: string;
   position?: "top" | "bottom";
   isDelayed?: boolean;
+  className?: string;
 }
 
 const baseClass = "component__tooltip-wrapper";
@@ -14,13 +16,15 @@ const TooltipWrapper = ({
   tipContent,
   position = "bottom",
   isDelayed,
+  className,
 }: ITooltipWrapperProps): JSX.Element => {
+  const classname = classnames(baseClass, className);
   const tipClass = isDelayed
     ? `${baseClass}__tip-text delayed-tip`
     : `${baseClass}__tip-text`;
 
   return (
-    <div className={baseClass} data-position={position}>
+    <div className={classname} data-position={position}>
       <div className={`${baseClass}__element`}>
         {children}
         <div className={`${baseClass}__underline`} data-text={children} />