Add Header Description to Set Quarter Filter Admin Page

[WadeVaresio]

User Story

As an admin I can read a description of the meaning behind the "Set Quarter Filter" page so that I understand the data entry input displayed to me

Discussion

Currently there is no much information on what the "Set Quarter Filter" page is used for.

The page looks like this:

It would be nice if instead, the page had some explanatory text such as:

On this page, users with admin access can choose a quarter.  Whatever quarter the admin chooses, on the home page of the app, only courses for that quarter will be shown.    That is the only page of information available to users that don't log in to the app.

This text can be put into a regular <p> element. So it would look like this:

<p>
On this page, users with admin access can choose a quarter.  Whatever quarter the admin chooses, on the home page of the app, only courses for that quarter will be shown.    That is the only page of information available to users that don't log in to the app.
</p>

And that can go in this file: https://github.com/ucsb-cs156-s21/proj-ucsb-cs-las/blob/main/javascript/src/main/pages/Admin/QuarterFilter.js

Right above the code for the <QuarterFilterForm />

     <>
      <QuarterFilterForm upsertFilter={upsertFilter}/>
    </>

So it would look like this:

     <>
      <p>
         Text goes here
      </p>
      <QuarterFilterForm upsertFilter={upsertFilter}/>
    </>

Acceptance Criteria

• [x] There is a suitable description of the pages functionality visible to the admin.

Testing:

• [x] All tests still pass