feat: add plugin slot to Footer using FPF

[jsnwesson]

Description

This PR installs the master branch of Frontend Plugin Framework library into Learner Record. The primary goal of this PR is:

• confirm FPF can be installed in an MFE and not break anything at Prod level
• confirm FPF can wrap a Plugin Slot around a React dependency (frontend-component-footer) and insert an arbitrary plugin in the same slot

This PR also includes:

• update frontend-build patch to remove require statement, which prevented any import in the env.config.js.

To test this locally:

1. Run npm install
2. At the root directory, create an env.config.jsx file that includes the following:

import { PLUGIN_OPERATIONS, DIRECT_PLUGIN } from '@edx/frontend-plugin-framework/src';

const config = {
  pluginSlots: {
    footer_plugin_slot: {
      keepDefault: true,
      plugins: [
        {
          op: PLUGIN_OPERATIONS.Insert,
          widget: {
            id: 'hidden_plugin',
            type: DIRECT_PLUGIN,
            priority: 60,
            RenderWidget: () => (
              <div className="empty-plugin" />
            ),
          },
        },
      ],
    },
  },
};

export default config;

3. Run npm run start
4. Go to https://localhost:1990
5. An empty <div> should be underneath the <Footer> tag when you inspect the source code.

Ways to play around with this

1. Add a <p> inside the div that shows some text.
2. Set keepDefault to false in JS config to hide Footer and still insert empty div
3. Remove env.config.jsx completely to ensure Footer isn't affected by a missing config (note: keepDefault defaults to true on FPF's side, which is why the Footer is still present without the JS config)

Screenshots

Insert empty div plugin

Remove env.config.jsx entirely

APER-3275

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 70.22%. Comparing base (6fc43c6) to head (58111e0).

Additional details and impacted files

@@           Coverage Diff           @@
##           master     #302   +/-   ##
=======================================
  Coverage   70.22%   70.22%           
=======================================
  Files          27       27           
  Lines         403      403           
  Branches       85       85           
=======================================
  Hits          283      283           
  Misses        119      119           
  Partials        1        1           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[deborahgu]

🎉 🎈

[arbrandes]

We're going to have to remove this patch, I think. See openedx/frontend-build#515 (comment).