Refactor: Optimise code base

[sboy99]

Changes Proposed

• Rename component files using React naming convention
• Using FC component instead of simple function tag

[Aadarsh805]

All the files inside components folder need this change?

[Aadarsh805]

These are gonna be huge changes, lots of imports will need changes so let's do it ahead of time, otherwise, it'll become much of a huge work later

[Aadarsh805]

"Typescript React Function Component": {
    "prefix": "fc",
    "body": [
      "import { FC } from 'react'",
      "",
      "interface ${TM_FILENAME_BASE}Props {",
      "  $1",
      "}",
      "",
      "const $TM_FILENAME_BASE: FC<${TM_FILENAME_BASE}Props> = ({$2}) => {",
      "  return <div>$TM_FILENAME_BASE</div>",
      "}",
      "",
      "export default $TM_FILENAME_BASE"
    ],
    "description": "Typescript React Function Component"
  },

Here's a vscode snippet to crate typescript FC components using emmet

[github-actions[bot]]

:tada: This issue has been resolved in version 1.0.0 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket: