[Ripple] Convert to function component

[joshwooding]

• I have followed (at least) the PR section of the contributing guide.

[mui-pr-bot]

@material-ui/core: parsed: -0.10% 😍, gzip: +0.01%
@material-ui/lab: parsed: -0.21% 😍, gzip: +0.08%

Details of bundle changes.

Comparing: 8ae684d...9c52627

bundle	parsed diff	gzip diff	prev parsed	current parsed	prev gzip	current gzip
@material-ui/core	-0.10%	+0.01% 🔺	318,721	318,410	85,484	85,495
@material-ui/core/Paper	0.00%	0.00%	67,276	67,276	19,958	19,958
@material-ui/core/Paper.esm	0.00%	-0.01%	60,641	60,641	18,890	18,888
@material-ui/core/Popper	0.00%	-0.02%	34,906	34,906	11,868	11,866
@material-ui/core/styles/createMuiTheme	0.00%	-0.02%	15,898	15,898	5,769	5,768
@material-ui/core/useMediaQuery	0.00%	0.00%	2,463	2,463	1,041	1,041
@material-ui/lab	-0.21%	+0.08% 🔺	146,194	145,883	43,730	43,766
@material-ui/styles	0.00%	0.00%	50,831	50,831	15,013	15,013
@material-ui/system	0.00%	0.00%	11,765	11,765	3,922	3,922
Button	-0.35%	+0.03% 🔺	88,560	88,249	26,490	26,498
Modal	0.00%	+0.01% 🔺	82,538	82,538	24,835	24,838
colorManipulator	0.00%	0.00%	3,904	3,904	1,543	1,543
docs.landing	0.00%	0.00%	50,908	50,908	11,210	11,210
docs.main	-0.06%	-0.04%	650,169	649,751	202,381	202,302
packages/material-ui/build/umd/material-ui.production.min.js	-0.11%	-0.06%	295,409	295,075	82,680	82,627

Generated by 🚫 dangerJS against 9c52627

[joshwooding]

Argos was complaining about the Dashboard page layout graph changing

[oliviertassinari]

A low hanging fruit :)