feat: Convert entire codebase from JavaScript to TypeScript

- Converted all 69 JavaScript files to TypeScript/TSX
- Added proper type annotations to utility functions, constants, and config files
- Disabled allowJs in tsconfig.json to prevent new JS files from being created
- Updated tsconfig.json to exclude .js files from include patterns
- Converted module.exports to ES6 exports where applicable
- Added TypeScript interfaces for complex objects (Partners, SuccessStories, etc.)
- Added proper function signatures with parameter and return types

Files converted:
- common/config (2 files)
- common/constants (5 files)
- common/styles (2 files)
- common/utils (14 files including tests)
- components (10 files)
- cypress (8 files)
- decorators (2 files)
- config files (7 files)
- scripts (4 files)
- test-utils (16 files)

Note: Some linting errors remain and will be fixed in follow-up commits

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: claude

common/config/environment.js common/config/environment.tscommon/config/environment.js renamed to common/config/environment.ts

@@ -1,10 +1,19 @@
 /*
  * This file should only contain environment variables that are non-secret.
  */
-const isProduction = process.env.PRODUCTION_DEPLOYMENT === 'true';
+const isProduction: boolean = process.env.PRODUCTION_DEPLOYMENT === 'true';
+
+interface ClientTokens {
+  GOOGLE_ADS_ID: string;
+  GOOGLE_ANALYTICS_ID: string;
+  GOOGLE_TAG_MANAGER_ID: string;
+  OC_FACEBOOK_KEY: string;
+  OC_GOOGLE_KEY: string;
+  SENTRY_DSN: string;
+}
 
 // These are all exposed by the client, so there's no way to protect them anyways.
-export const clientTokens = isProduction
+export const clientTokens: ClientTokens = isProduction
   ? {
       GOOGLE_ADS_ID: 'AW-868714671',
       GOOGLE_ANALYTICS_ID: 'G-5QSQ208NW6',
@@ -24,18 +33,18 @@ export const clientTokens = isProduction
     };
 
 // TODO: Use GH Actions to enable environment-based deploys and stop using prod on PR deploys
-export const apiUrl = isProduction
+export const apiUrl: string = isProduction
   ? 'https://api.operationcode.org'
   : 'https://api.staging.operationcode.org';
 
-export const resourcesAPIURL = isProduction
+export const resourcesAPIURL: string = isProduction
   ? 'https://resources.operationcode.org'
   : 'https://resources.staging.operationcode.org';
 
-export const slackMembersAPIUrl = 'https://slack.com/api/conversations.members';
-export const slackGeneralChannelId = 'C03GSNF6X';
+export const slackMembersAPIUrl: string = 'https://slack.com/api/conversations.members';
+export const slackGeneralChannelId: string = 'C03GSNF6X';
 
-export const AIR_TABLE_BASE_ID = 'app9tYjofmFWMxRl8';
-export const AIR_TABLE_TABLE_NAME = isProduction
+export const AIR_TABLE_BASE_ID: string = 'app9tYjofmFWMxRl8';
+export const AIR_TABLE_TABLE_NAME: string = isProduction
   ? 'Onboarding Request PRODUCTION'
   : 'Onboarding Request STAGING';

common/config/svgo.js common/config/svgo.tscommon/config/svgo.js renamed to common/config/svgo.ts

@@ -1,6 +1,17 @@
 /* eslint-disable unicorn/prevent-abbreviations */
 // Webpack is unable to use export default
-const svgoConfig = {
+
+interface SVGOPlugin {
+  name: string;
+  params?: Record<string, any>;
+}
+
+interface SVGOConfig {
+  plugins: SVGOPlugin[];
+  floatPrecision: number;
+}
+
+const svgoConfig: SVGOConfig = {
   plugins: [
     { name: 'cleanupIDs', params: { minify: true } },
     { name: 'cleanupListOfValues' },

common/constants/partners.js common/constants/partners.tscommon/constants/partners.js renamed to common/constants/partners.ts

@@ -15,9 +15,16 @@ import airbnb from 'static/images/sponsors/airbnb_logo.png';
 export const PARTNER_TYPES = {
   PAID: 'PAID',
   KIND: 'IN-KIND',
-};
+} as const;
 
-const partners = [
+interface Partner {
+  name: string;
+  logoSource: string;
+  url: string;
+  type: typeof PARTNER_TYPES.PAID | typeof PARTNER_TYPES.KIND;
+}
+
+const partners: Partner[] = [
   {
     name: 'APEX Systems',
     logoSource: `${s3}partnerLogos/apex_systems.png`,
@@ -137,4 +144,6 @@ const partners = [
   { name: 'Airbnb', logoSource: airbnb.src, url: 'https://airbnb.com', type: PARTNER_TYPES.KIND },
 ];
 
-export default sortBy(partners, 'name');
+const sortedPartners: Partner[] = sortBy(partners, 'name');
+
+export default sortedPartners;

common/constants/successStories.js common/constants/successStories.tscommon/constants/successStories.js renamed to common/constants/successStories.ts

@@ -1,6 +1,12 @@
 import { s3 } from 'common/constants/urls';
 
-const successStories = [
+interface SuccessStory {
+  title: string;
+  quote: string;
+  imageSource: string;
+}
+
+const successStories: SuccessStory[] = [
   {
     title: 'Ali Cipolla-Taylor, Talent Acquisition at Microsoft',
     quote:

common/constants/testIDs.js common/constants/testIDs.tscommon/constants/testIDs.js renamed to common/constants/testIDs.ts

@@ -0,0 +1,4 @@
+// In seconds
+export const ONE_DAY: number = 86400;
+export const ONE_WEEK: number = 604800;
+export const TWO_WEEKS: number = 1209600;

common/constants/unitsOfTime.js

@@ -0,0 +1,7 @@
+const s3hostName: string = 'operation-code-assets.s3.us-east-2.amazonaws.com';
+const s3: string = `https://${s3hostName}/`;
+const leadershipCircleLink: string = 'https://secure.lglforms.com/form_engine/s/L428AQ2rrsFJQyy5Fbglvg';
+const codeOfConduct: string = `https://github.com/OperationCode/operationcode_docs/blob/master/community/code_of_conduct.md`;
+const slackGuidelines: string = `https://github.com/OperationCode/START_HERE/blob/master/community_guidelines.md`;
+
+export { s3hostName, s3, leadershipCircleLink, codeOfConduct, slackGuidelines };