refactor: replace React.FC and interface with direct declaration and type

[TylerAPfledderer]

Description

To update the project to be inline with the latest code convention docs, this PR does the following:

• Replace all instances of the React.FC type with direct component prop declaration

// From
const Component: React.FC<Props> = (props) => JSX.Element

// To
const Component = (props: Props) => JSX.Element

• Replace all instances of interface with type for component prop shapes only in order to provide typing constraint.
• Provide meaningful naming to type aliases of all component props that matches the name of the component .
• Remove redundant type signatures. i.e. Redundant instance of type signatures similar to ChildOnlyProp
• Other cleanup and adjustments as necessary for the above changes

Side note: This helps in addressing other possible type constraint additions, such as better typing for custom MDX components, where type errors might arise from conflicts with React.FC

Related Issue

N/A

[netlify]

✅ Deploy Preview for ethereumorg ready!

Name	Link
🔨 Latest commit	aade323
🔍 Latest deploy log	https://app.netlify.com/sites/ethereumorg/deploys/65bb3895b9791d0008e077a7
😎 Deploy Preview	https://deploy-preview-12014--ethereumorg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[corwintines]

Awesome! Thanks @TylerAPfledderer!