Footer: Fixes layout issue in footer (#30443) (#30494)

* Footer: Fixes missing icon issue causing footer layout issue

* Another fix

(cherry picked from commit 5c8d662bfc)

Co-authored-by: Torkel Ödegaard <torkel@grafana.org>

packages/grafana-ui/src/components/Icon/custom/index.tsx

@@ -65,8 +65,8 @@ const InterpolationStepAfter: FC<SvgProps> = ({ size, ...rest }) => {
   );
 };
 
-const IconNotFound: FC<SvgProps> = ({ ...rest }) => {
-  return <svg {...rest} />;
+const IconNotFound: FC<SvgProps> = ({ size, ...rest }) => {
+  return <svg width={size} height={size} {...rest} />;
 };
 
 export const customIcons: Record<string, ComponentType<SvgProps>> = {

public/app/core/components/Footer/Footer.tsx

@@ -75,7 +75,7 @@ export const Footer: FC = React.memo(() => {
           {links.map((link) => (
             <li key={link.text}>
               <a href={link.url} target={link.target} rel="noopener">
-                <Icon name={link.icon as IconName} /> {link.text}
+                {link.icon && <Icon name={link.icon as IconName} />} {link.text}
               </a>
             </li>
           ))}