Bolden course names on queue cards (#178)

* Use h5 for the CardTitle tag

`reactstrap` 7.0.0 changed the default `CardTitle` tag to be `div`
instead of `h5` which introduced a regression.

See reactstrap/reactstrap#1298

* Update CHANGELOG.md

* Fix grammar in changelog

* Use Bootstrap h5 class instead of changing the tag

CHANGELOG.md

@@ -6,6 +6,7 @@ When a new version is deployed, the changes since the last deploy should be labe
 with the current date and the next changes should go under a **[Next]** header.
 
 ## [Next]
+* Fix regression where course names in `QueueCard`s would not be bold. ([@james9909](https://github.com/james9909) in [#178](https://github.com/illinois/queue/pull/178))
 
 * Alert last on duty staff of option to close queue when leaving. ([@AlpriElse](https://github.com/AlpriElse) in [#173](https://github.com/illinois/queue/pull/173))
 * Use enter key to submit new question, new course, or new queue. ([@rohinb2](https://github.com/rohinb2) in [#161](https://github.com/illinois/queue/pull/161))

src/components/QueueCard.js

@@ -46,7 +46,7 @@ const QueueCard = ({
     >
       <CardBody>
         <CardTitle className="d-flex flex-wrap align-items-center">
-          <span className="mb-2 mr-auto pr-3">{title}</span>
+          <span className="h5 mb-2 mr-auto pr-3">{title}</span>
           <div>
             <ShowForCourseStaff courseId={queue.courseId}>
               <Button color="danger" size="sm" outline onClick={handleDelete}>