Use align-items: flex-end instead of align-items: end

Because of the following webpack warning:

```console
WARNING in ./rca/static_src/sass/main.scss (./rca/static_src/sass/main.scss.webpack[javascript/auto]!=!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./rca/static_src/sass/main.scss)
Module Warning (from ./node_modules/postcss-loader/dist/cjs.js):
(3:110034) from "autoprefixer" plugin: end value has mixed support, consider using flex-end instead

Code:
  align-items:end

 @ ./rca/static_src/sass/main.scss
 @ ./rca/static_src/javascript/main.entry.js 35:0-27

webpack compiled with 1 warning in 3075 ms
```

rca/static_src/sass/components/_programme-results.scss

@@ -24,7 +24,7 @@
                 flex-direction: column-reverse;
                 padding-top: 0;
                 padding-bottom: 20px;
-                align-items: end;
+                align-items: flex-end;
             }
         }
     }

rca/static_src/sass/layout/_footer.scss

@@ -14,7 +14,7 @@
     }
 
     &__upper {
-        align-items: end;
+        align-items: flex-end;
     }
 
     &__lower {