chore: error when no unused vars, ignore bifold

Signed-off-by: Bryce McMath <bryce.j.mcmath@gmail.com>

app/.eslintignore

@@ -4,6 +4,7 @@ __mocks__
 ios
 android
 metro.config.js
+bifold/
 
 # generated by bob
 lib/

app/.eslintrc.js

@@ -25,6 +25,7 @@ module.exports = {
   plugins: ['@typescript-eslint', 'import'],
   rules: {
     'no-console': 'error',
+    '@typescript-eslint/no-unused-vars': 'error',
     // Because of early development, we only warn on ts-ignore. In future we want to move to error
     '@typescript-eslint/ban-ts-comment': 'warn',
     // Aries protocol defines attributes with snake case.

app/src/components/BCIDView.tsx

@@ -2,7 +2,7 @@ import { CredentialState, CredentialMetadataKeys } from '@aries-framework/core'
 import { useAgent, useCredentialByState } from '@aries-framework/react-hooks'
 import { useNavigation } from '@react-navigation/core'
 import { Button, ButtonType, testIdWithKey, HomeContentView, Screens, useStore, useTheme } from 'aries-bifold'
-import React, { useEffect, useState, useRef, ReducerAction } from 'react'
+import React, { useEffect, useState, ReducerAction } from 'react'
 import { useTranslation } from 'react-i18next'
 import { View } from 'react-native'
 

app/src/components/Spinner.tsx

@@ -1,11 +1,10 @@
-import { useTheme, testIdWithKey } from 'aries-bifold'
+import { testIdWithKey } from 'aries-bifold'
 import React, { useEffect, useRef } from 'react'
 import { View, StyleSheet, Animated } from 'react-native'
 
 import ActivityIndicator from '../assets/img/activity-indicator-circle.svg'
 
 const Spinner: React.FC = () => {
-  const { ColorPallet } = useTheme()
   const rotationAnim = useRef(new Animated.Value(0)).current
   const timing: Animated.TimingAnimationConfig = {
     toValue: 1,