CreateImageWizard: improve packages step

Update the text description and replace "options" with "packages". Also,
add styling to increase the size of the available and chosen packages
list.

src/Components/CreateImageWizard/WizardStepPackages.js

@@ -6,6 +6,7 @@ import { Button, DualListSelector, Text, TextContent, Title } from '@patternfly/
 import { actions } from '../../store/actions';
 import api from '../../api.js';
 
+import './WizardStepPackages.scss';
 class WizardStepPackages extends Component {
     constructor(props) {
         super(props);
@@ -86,14 +87,16 @@ class WizardStepPackages extends Component {
             <>
                 <TextContent>
                     <Title headingLevel="h2" size="xl">Additional packages</Title>
-                    <Text>Optionally add additional packages to your <strong>{this.props.release.distro}</strong> image</Text>
+                    <Text>Add optional additional packages to your image by searching available packages.</Text>
                 </TextContent>
                 <DualListSelector
                     className="pf-u-mt-sm"
                     isSearchable
                     availableOptionsActions={ availableOptionsActions }
                     availableOptions={ this.state.packagesAvailableComponents }
+                    availableOptionsTitle={ 'Available packages' }
                     chosenOptions={ this.state.packagesFilteredComponents }
+                    chosenOptionsTitle={ 'Chosen packages' }
                     addSelected={ this.packageListChange }
                     removeSelected={ this.packageListChange }
                     addAll={ this.packageListChange }

src/Components/CreateImageWizard/WizardStepPackages.scss

@@ -0,0 +1,3 @@
+.pf-c-dual-list-selector__menu {
+    --pf-c-dual-list-selector__menu--MinHeight: 20.5rem
+}