fix: [M3-10446] - Fix console error from hasBorder prop in styled component (linode#12657)

* fix console error from hasBorder

* Added changeset: Console error from `hasBorder` prop in `StyledFlag` component

Author: coliu-akamai

packages/manager/.changeset/pr-12657-fixed-1754583180570.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Console error from `hasBorder` prop in `StyledFlag` component ([#12657](https://github.com/linode/manager/pull/12657))

packages/manager/src/components/Flag.tsx

@@ -1,4 +1,4 @@
-import { Box } from '@linode/ui';
+import { Box, omittedProps } from '@linode/ui';
 import 'flag-icons/css/flag-icons.min.css';
 import { styled } from '@mui/material/styles';
 import React from 'react';
@@ -45,7 +45,10 @@ const getFlagClass = (country: Country | string) => {
   return country;
 };
 
-const StyledFlag = styled(Box, { label: 'StyledFlag' })<{
+const StyledFlag = styled(Box, {
+  shouldForwardProp: omittedProps(['hasBorder']),
+  label: 'StyledFlag',
+})<{
   hasBorder: boolean;
 }>(({ theme, hasBorder }) => ({
   boxShadow: