Fix typescript and eslint errors

Author: Kubit

src/components/navigationCard/navigationCardStandAlone.tsx

@@ -36,7 +36,7 @@ const NavigationCardStandaloneComponent = (
   return (
     // Can not be spread -> styled component breaks
     <NavigationCardStyled
-      ref={ref as React.ForwardedRef<HTMLButtonElement>}
+      ref={ref as any}
       aria-disabled={props['aria-disabled']}
       as={props.url ? props.component : 'button'}
       className={props.className}

src/components/pillV2/pill.tsx

@@ -9,7 +9,7 @@ import { getPillState } from './utils';
 
 const PillComponent = (
   { variant, size, ctv, selected = false, disabled = false, ...props }: IPill,
-  ref: React.LegacyRef<HTMLButtonElement> | undefined
+  ref: React.LegacyRef<HTMLDivElement> | undefined
 ) => {
   const variantStyles = useStylesV2<PillVariantPropsStylesType>({
     styleName: STYLES_NAME.PILL_V2,

src/components/pillV2/pillStandAlone.tsx

@@ -25,7 +25,7 @@ const PillStandAloneComponent = (
 
   return (
     <PillRootContainerStyled
-      ref={ref}
+      ref={ref as any}
       aria-controls={props['aria-controls']}
       aria-selected={type === PillType.TAB ? props.selected : undefined}
       as={[PillType.BUTTON, PillType.TAB].includes(type) ? PillAsButton : undefined}

src/constants/keyboardKeys.ts

@@ -67,8 +67,8 @@ const ARROW_DOWN = {
 
 const DELETE = {
   key: 'Delete',
-  which: 8 || 46,
-  keyCode: 8 || 46,
+  which: 46,
+  keyCode: 46,
   code: 'ArrowDecimal',
 };