chore(dashboard): typos

apps/dashboard/src/components/report/sidebar/ReportFormula.tsx

@@ -5,17 +5,17 @@ import { useDispatch, useSelector } from '@/redux';
 
 import { changeFormula } from '../reportSlice';
 
-export function ReportForumula() {
-  const forumula = useSelector((state) => state.report.formula);
+export function ReportFormula() {
+  const formula = useSelector((state) => state.report.formula);
   const dispatch = useDispatch();
 
   return (
     <div>
-      <h3 className="mb-2 font-medium">Forumula</h3>
+      <h3 className="mb-2 font-medium">Formula</h3>
       <div className="flex flex-col gap-4">
         <Input
           placeholder="eg: A/B"
-          value={forumula}
+          value={formula}
           onChange={(event) => {
             dispatch(changeFormula(event.target.value));
           }}

apps/dashboard/src/components/report/sidebar/ReportSidebar.tsx

@@ -4,17 +4,17 @@ import { useSelector } from '@/redux';
 
 import { ReportBreakdowns } from './ReportBreakdowns';
 import { ReportEvents } from './ReportEvents';
-import { ReportForumula } from './ReportForumula';
+import { ReportFormula } from './ReportFormula';
 
 export function ReportSidebar() {
   const { chartType } = useSelector((state) => state.report);
-  const showForumula = chartType !== 'funnel';
+  const showFormula = chartType !== 'funnel';
   const showBreakdown = chartType !== 'funnel';
   return (
     <>
       <div className="flex flex-col gap-8">
         <ReportEvents />
-        {showForumula && <ReportForumula />}
+        {showFormula && <ReportFormula />}
         {showBreakdown && <ReportBreakdowns />}
       </div>
       <SheetFooter>