fix broken padding

web/src/components/features/sidebars/SidebarPrimary.tsx

@@ -160,8 +160,6 @@ export const SidebarPrimary = React.memo(() => {
   );
   const FooterMemoized = useMemo(() => <SidebarUserFooter />, []);
 
-  console.log(currentRoute);
-
   return (
     <>
       <Sidebar

web/src/components/ui/layouts/PreventNavigation.tsx

@@ -44,6 +44,7 @@ export const PreventNavigation: React.FC<PreventNavigationProps> = React.memo(
      * @param e The triggered event.
      */
     const handleClick = useMemoizedFn((event: MouseEvent) => {
+      console.log('handleClick');
       let target = event.target as HTMLElement;
       let href: string | null = null;
 

web/src/components/ui/segmented/AppSegmented.tsx

@@ -6,7 +6,7 @@ import { motion } from 'framer-motion';
 import { cn } from '@/lib/classMerge';
 import { useEffect, useState, useLayoutEffect, useTransition } from 'react';
 import { cva } from 'class-variance-authority';
-import { useMemoizedFn, useMergedRefs, useSize, useThrottleFn } from '@/hooks';
+import { useMemoizedFn, useMergedRefs, useSize, useThrottleFn, useWhyDidYouUpdate } from '@/hooks';
 import { Tooltip } from '../tooltip/Tooltip';
 import Link from 'next/link';
 
@@ -123,8 +123,9 @@ export const AppSegmented: AppSegmentedComponent = React.memo(
     const [isPending, startTransition] = useTransition();
 
     const handleTabClick = useMemoizedFn((value: string) => {
+      console.log('handleTabClick called with:', value);
       const item = options.find((item) => item.value === value);
-      if (item && !item.disabled) {
+      if (item && !item.disabled && value !== selectedValue) {
         startTransition(() => {
           setSelectedValue(item.value);
           onChange?.(item);

web/src/controllers/MetricController/MetricViewChart/MetricEditController/MetricStylingApp/MetricStylingApp.tsx

@@ -100,7 +100,7 @@ export const MetricStylingApp: React.FC<{
       <ScrollArea className="">
         {segment === MetricStylingAppSegments.VISUALIZE && (
           <StylingAppVisualize
-            className="mb-12 px-4 pt-3"
+            className="px-4 pt-3"
             columnMetadata={columnMetadata}
             rowCount={rowCount}
             selectedChartType={selectedChartType}
@@ -144,7 +144,7 @@ export const MetricStylingApp: React.FC<{
 
         {segment === MetricStylingAppSegments.STYLING && (
           <StylingAppStyling
-            className="mb-12 px-4"
+            className="px-4"
             columnSettings={columnSettings}
             showLegend={showLegend}
             gridLines={gridLines}

web/src/layouts/ChatLayout/FileContainer/FileContainerHeader/MetricContainerHeaderSegment.tsx

@@ -13,6 +13,7 @@ export const MetricContainerHeaderSegment: React.FC<FileContainerSegmentProps> =
     const metricId = useChatLayoutContextSelector((x) => x.metricId) || '';
 
     const onChange = useMemoizedFn((fileView: SegmentedItem<FileView>) => {
+      console.log(fileView);
       onSetFileView({ fileView: fileView.value });
     });