remove many explicit anys

components/SocialCard.tsx

@@ -54,20 +54,20 @@ const SocialCardDiv = styled(motion.div)`
     position: relative;
 `
 
-const SocialCardTitle: any = styled.span`
+const SocialCardTitle = styled.span`
     color: #fff;
     font-weight: bold;
     font-size: 2.4rem;
     margin-left: 5px;
 `
 
-const SocialCardText: any = styled.span`
+const SocialCardText = styled.span`
     color: #fff;
     font-size: 1.6rem;
     margin-left: 5px;
 `
 
-const SocialCardIcon: any = styled.img`
+const SocialCardIcon = styled.img`
     width: 75%;
     height: 75%;
     opacity: .4;

components/Terminal.tsx

@@ -1,3 +1,6 @@
+// very legacy code, so:
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import React from 'react'
 import styled, { css, keyframes } from 'styled-components'
 import type EventBus from '../scripts/EventBus'

pages/socials.tsx

@@ -195,10 +195,10 @@ const colorRotateAnim = keyframes`
     }
 `
 
-const SocialsTitle: any = styled.h1`
+const SocialsTitle = styled.h1<{colorRotate: boolean}>`
     font-size: 5rem;
     color: #fff;
-    ${(props: any) => props.colorRotate && css`
+    ${(props) => props.colorRotate && css`
         color: #f00;
         animation: 3s ${colorRotateAnim} linear infinite;
     `}

scripts/EventBus.ts

@@ -1,6 +1,10 @@
 export type BusEvent = {
+
     id: string,
-    data: any,
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    data?: any,
+
 }
 
 export type BusListener = (e: BusEvent) => void;
@@ -12,6 +16,8 @@ export default class EventBus {
     constructor() {
         if(process.env.NODE_ENV === 'development') {
             this.listeners.push(console.log);
+
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             (globalThis as any).eventBus = this
         }
     }
@@ -27,7 +33,7 @@ export default class EventBus {
         }
     }
 
-    post(msg: any) {
+    post(msg: BusEvent) {
         this.listeners.forEach(listener => listener(msg))
     }