ref: components that were exporting a function now export an arrow function

[juantejer4]

⚡ Change components from functions to arrow functions in boilerplates - 86dr3pbxb ⚡

💻 What type of change is this?

• 💎 Feature
• 🐛 Bug Fix
• 📝 Documentation Update
• 🎨 Styling
• 🧑‍💻 Code Refactor
• 🔥 Performance Improvements
• ✅ Test
• 🤖 Build / CI

⭐ Description

Components went from this:

export function MyComponent () {
  // ...
}

To this:

export const MyComponent = () => {
  // ...
}

✅ Checklist

• This PR can be merged (it is not a draft, work in progress, or blocked on another PR)
• I have tested this change locally in multiple screen sizes
• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

[gianfranco-rocco]

Lets merge this PR