Chore: Convert problems to functional component

[itsmylife]

This is a prerequisite for ugrading the react-table to v8.

• No logic change is introduced.
• Update DataSourceRef imports. The old import was deprecated.

[github-actions]

Levitate is-compatible report:

🔍 Resolving @grafana/data@latest...
🔍 Resolving @grafana/ui@latest...
🔍 Resolving @grafana/runtime@latest...
🔍 Resolving @grafana/schema@latest...
🔍 Resolving @grafana/e2e-selectors@latest...
🔍 Resolving @grafana/experimental@latest...

🔬 Checking compatibility between ./src/module.ts and @grafana/data@12.3.0...
✔ Found @grafana/data version 12.1.1 locally

🔬 Checking compatibility between ./src/module.ts and @grafana/ui@12.3.0...
✔ Found @grafana/ui version 12.1.1 locally

🔬 Checking compatibility between ./src/module.ts and @grafana/runtime@12.3.0...
✔ Found @grafana/runtime version 12.1.1 locally

🔬 Checking compatibility between ./src/module.ts and @grafana/schema@12.3.0...
✔ Found @grafana/schema version 12.1.1 locally

🔬 Checking compatibility between ./src/module.ts and @grafana/e2e-selectors@12.3.0...
✔ Found @grafana/e2e-selectors version 12.1.0 locally

🔬 Checking compatibility between ./src/module.ts and @grafana/experimental@2.1.6...
Skipping package @grafana/experimental because it is not used in the project or not installed locally.
did you forget to run yarn install or npm install?

✔️ ./src/module.ts appears to be compatible with @grafana/data,@grafana/ui,@grafana/runtime,@grafana/schema,@grafana/e2e-selectors,@grafana/experimental

[zoltanbedi]

LGTM