Allow for customization of breakpoint names

[TyMick]

Let users use other breakpoint names besides just xs, sm, md, lg, and xl. The only restrictions should be that one breakpoint value is 0 and that no two breakpoint values are the same. The hook should figure out the order of the breakpoints by sorting the values in ascending order.

[TyMick]

I'd also like to allow entering, instead of a breakpoint set object, a string corresponding to the name of a popular CSS framework, indicating that that framework's default breakpoints should be used. Here are a few initial options, with links to the pages where they lay out their breakpoints:

• Bootstrap
• Tailwind CSS
• Material Design
• Material-UI
• Foundation

[TyMick]

Also, in the case of such a string, I want to add an option called additionalBreakpoints, where the user can add one or more extra breakpoints to a CSS framework's defaults. An example:

const breakpoint = useWindowWidthBreakpoints("tailwind", {
  additionalBreakpoints: { xxl: 9000 },
});

Breakpoints here will override breakpoints in the first argument's set.

[TyMick]

Ooh, and if the user enters a framework string that isn't supported yet, add a link to suggest it in the error message.