add filter side bar

app/javascript/pages/assessment/components/SideBar.tsx

@@ -1,15 +1,20 @@
 import React, { FC, PropsWithChildren } from "react";
 
 interface Props extends PropsWithChildren {
-    bgColor?: string;
+    header?: string;
 }
 
-export const SideBar: FC<Props> = ({ bgColor, children }) => {
+export const SideBar: FC<Props> = ({ header, children }) => {
     return (
-        <div className={`border-gray-500 ${bgColor ?? ""}`}>
-                <div className="mx-2">
-                    {children} 
-                </div>
+        <div className={`border-gray-500`}>
+            {header && 
+            <>
+                <h1>{header}</h1>
+                <hr className="h-1 mt-2"/>
+            </>}
+            <div className="mx-2">
+                {children} 
             </div>
+        </div>
     )
 }