fix: display shortened grade string for elementary middle and highschool

Author: bmikkelsen22

src/Filter/AdvancedFilter.tsx

@@ -25,7 +25,7 @@ export class AdvancedFilter extends React.Component<AdvancedFilterProps, {}> {
     } = this.props;
     let allBtnContainer: JSX.Element | undefined;
     const anySelected = filterOptions.some(fo => fo.isSelected);
-    if (displayAllButton) {
+    if (filterOptions.length > 0 && displayAllButton) {
       allBtnContainer = (
         <BtnGroupOption
           onClick={onFilterOptionSelect}

src/GradeLevels/GradeLevels.ts

@@ -81,11 +81,11 @@ export class GradeLevel {
       case GradeLevels.Grade12:
         return "G12";
       case GradeLevels.Elementary:
-        return "Elementary";
+        return "E";
       case GradeLevels.Middle:
-        return "Middle";
+        return "M";
       case GradeLevels.High:
-        return "High School";
+        return "HS";
       default:
         return undefined;
     }