[UI] - Add UX indicator routing key is being injected in the page

[davixcky]

The idea is to show a banner that indicates some headers are being injected in all requests. However to not look intrusive we will add an option under settings to allow setting up the urls user want to inject

const minimatch = require("minimatch");

// Example patterns and URLs
const patterns = [
  "*",  // Matches any URL
  ".*://localhost:3000/.*",  // Matches URLs starting with http://localhost:3000 or https://localhost:3000
  "*signadot.com*",  // Matches any URL that contains "signadot.com"
];

const urls = [
  "http://localhost:3000/somepath",
  "https://localhost:3000/anotherpath",
  "https://signadot.com",
  "https://example.com",
];

// Function to check if any URL matches any of the patterns
const matchUrls = (patterns, urls) => {
  return urls.filter(url => patterns.some(pattern => minimatch(url, pattern)));
};

cc: @foxish

[foxish]

I think it needs to occupy a lot less space. My suggestion would be to do this in the next release and to not work on implementation till we finalize how / how often this should be shown.

[foxish]

Trying to get something like the netlify drawer (small and subtle at bottom of page). We will show a link to the sandbox and allow the user to go to the dashboard.

Separate idea came up to use a side panel like google tag manager to support assistant.