refactor this to useSelector hook

import { connect } from 'react-redux'
import Template from './template'
import type { MapStateToProps } from 'd2/actions'
import type { OwnProps, StateProps } from './types'

const mapStateToProps: MapStateToProps = ({
 createRelease: { selectedNetworkExtras },
}) => ({
 items: selectedNetworkExtras.map(({ id, price, shortLabel }) => ({
 id,
 label: shortLabel,
 price,
 })),
})

const CartCard: React$ComponentType = connect(mapStateToProps)(Template)

export default CartCard
To refactor the provided code to use the `useSelector` hook from React Redux instead of the `connect` function, you'll need to modify the component to use the `useSelector` hook directly. Here's how you can do it:

```javascript
import React from 'react';
import { useSelector } from 'react-redux';
import Template from './template';
import type { StateProps } from './types';

const CartCard: React.FC = () => {
  const items = useSelector(({ createRelease }) => 
    createRelease.selectedNetworkExtras.map(({ id, price, shortLabel }) => ({
      id,
      label: shortLabel,
      price,
    }))
  );

  return <Template items={items} />;
};

export default CartCard;
```

### Changes Made:

1. **Removed `connect`:** The `connect` function is no longer used.
2. **Added `useSelector`:** The `useSelector` hook is used to access the Redux state directly within the component.
3. **Component Definition:** The component is defined as a functional component (`CartCard`) that directly returns the `Template` component with the `items` prop.

This refactored version achieves the same functionality as the original code but utilizes the `useSelector` hook for a more modern and concise approach to accessing Redux state.
  To use the `useSelector` hook in this code, you can replace the `mapStateToProps` function with the following:
```
const mapStateToProps: MapStateToProps = useSelector(state => ({
  items: state.createRelease.selectedNetworkExtras.map(({ id, price, shortLabel }) => ({
    id,
    label: shortLabel,
    price,
  })),
}))
```
This will allow you to access the `selectedNetworkExtras` state variable directly in the `mapStateToProps` function, without having to explicitly pass it as a prop to the function.

Here's the updated code:
```
import { connect } from'react-redux'
import Template from './template'
import type { MapStateToProps } from 'd2/actions'
import type { OwnProps, StateProps } from './types'

const mapStateToProps: MapStateToProps = useSelector(state => ({
  items: state.createRelease.selectedNetworkExtras.map(({ id, price, shortLabel }) => ({
    id,
    label: shortLabel,
    price,
  })),
}))

const CartCard: React$ComponentType = connect(mapStateToProps)(Template)

export default CartCard
```
Note that you don't need