fix: align sidebar toggle bottom border with navbar (#1864)

fix: resolve lint errors and fallback to any for HammerInput type

Author: x15sr71

dump.rdb

@@ -88,7 +88,7 @@ export const Appbar = () => {
         className="fixed left-0 top-0 z-[999] hidden h-full flex-col border-r border-primary/10 bg-background dark:bg-background lg:flex min-w-16"
       >
         <div className="flex h-full flex-col gap-4">
-          <div className="flex w-full items-center border-b border-primary/10 px-2 py-4">
+          <div className="flex w-full items-center border-b border-primary/10 px-2 py-3">
             <div>
               <motion.button
                 onClick={toggleCollapse}

src/components/Appbar.tsx

@@ -111,7 +111,6 @@ export const VideoPlayer: FunctionComponent<VideoPlayerProps> = ({
   };
 
   const setupZoomFeatures = (player: any) => {
-
     if (typeof window === 'undefined' || typeof document === 'undefined') return;
 
     const videoEl = player.el().querySelector('video');
@@ -166,7 +165,8 @@ export const VideoPlayer: FunctionComponent<VideoPlayerProps> = ({
     })();
 
     // Unified gesture handler
-    const handleGestureControl = (e: HammerInput) => {
+    // @ts-expect-error: HammerInput type not exported in hammerjs; fallback to any for now
+    const handleGestureControl = (e: any) => {
       const target = e.srcEvent.target as HTMLElement;
       const isControlBar = target.closest('.vjs-control-bar');
 

src/components/VideoPlayer2.tsx

@@ -54,7 +54,6 @@ const VoteForm: React.FC<IVoteFormProps> = ({
     );
   };
 
-
   const userVoted = Boolean(votesArr.length);
   const userVoteVal = votesArr[0];