Sidebar Component Inconsistency with Mobile Detection Hook

[ahmoin]

The sidebar component is using the useIsMobile() hook from use-mobile.tsx instead of using useWindowSize() hook from usehooks-ts, which is what the other components use to check for mobile screens.

const { width } = useWindowSize();
const isMobile = width < 768;