chore: Fix typos

src/components/filters/Filters.tsx

@@ -61,7 +61,7 @@ export default function Filters({
     <>
       {filters && (
         <Tooltip
-          label={'Click to toggel filters'}
+          label={'Click to toggle filters'}
           align={'right'}
           className={classes.filtersBtnTooltip}
         >

src/components/filters/SkeletonFilters.tsx

@@ -32,7 +32,7 @@ export default function SkeletonFilters() {
   return (
     <>
       <Tooltip
-        label={'Click to toggel filters'}
+        label={'Click to toggle filters'}
         align={'right'}
         className={classes.filtersBtnTooltip}
       >

src/views/data-characteristics/DataCharacteristics.tsx

@@ -719,7 +719,7 @@ export default function DataCharacteristics({ tasks, filters }: Props) {
           {Object.keys(statistics['tasks_distribution']).length ? (
             <div className={classes.row}>
               <Tooltip
-                label={'Click to toggel task distributions'}
+                label={'Click to toggle task distributions'}
                 align={'right'}
                 className={classes.viewBtnTooltip}
               >
@@ -770,7 +770,7 @@ export default function DataCharacteristics({ tasks, filters }: Props) {
           {Object.keys(statistics['input']).length ? (
             <div className={classes.row}>
               <Tooltip
-                label={'Click to toggel input characteristics'}
+                label={'Click to toggle input characteristics'}
                 align={'right'}
                 className={classes.viewBtnTooltip}
               >
@@ -849,7 +849,7 @@ export default function DataCharacteristics({ tasks, filters }: Props) {
           {Object.keys(statistics['contexts']).length ? (
             <div className={classes.row}>
               <Tooltip
-                label={'Click to toggel contexts characteristics'}
+                label={'Click to toggle contexts characteristics'}
                 align={'right'}
                 className={classes.viewBtnTooltip}
               >

src/views/example/Example.tsx

@@ -329,7 +329,7 @@ export default memo(function Example({ data }: { data: Data }) {
               {data.models.length == 1 ? (
                 <DisabledTab
                   message={
-                    'Nothing to see here in absence of mulitiple models.'
+                    'Nothing to see here in absence of multiple models.'
                   }
                 />
               ) : (
@@ -346,7 +346,7 @@ export default memo(function Example({ data }: { data: Data }) {
             </TabPanel>
             <TabPanel key={'conditional-view'}>
               {eligibleMetrics.length == 1 ? (
-                <DisabledTab message="Nothing to see here in absence of mulitiple metrics." />
+                <DisabledTab message="Nothing to see here in absence of multiple metrics." />
               ) : (
                 <MetricBehavior
                   evaluationsPerMetric={evaluationsPerMetric}