DetailsPanel: rename InfoPanel -> DetailsPanel

src/components/IconGrid/DetailsPanel.tsx

@@ -47,7 +47,7 @@ interface InfoPanelProps {
   Icon: Icon;
 }
 
-const InfoPanel: React.FC<InfoPanelProps> = (props) => {
+const DetailsPanel: React.FC<InfoPanelProps> = (props) => {
   const { index, spans, isDark, name, Icon } = props;
   const weight = useRecoilValue(iconWeightAtom);
   const size = useRecoilValue(iconSizeAtom);
@@ -239,4 +239,4 @@ const InfoPanel: React.FC<InfoPanelProps> = (props) => {
   );
 };
 
-export default InfoPanel;
+export default DetailsPanel;

src/components/IconGrid/IconGridItem.tsx

@@ -9,7 +9,7 @@ import { motion, AnimatePresence } from "framer-motion";
 import { IconProps, Icon } from "phosphor-react";
 
 import { iconPreviewOpenAtom } from "../../state/atoms";
-import InfoPanel from "./InfoPanel";
+import DetailsPanel from "./DetailsPanel";
 
 interface IconGridItemProps extends IconProps {
   index: number;
@@ -87,7 +87,7 @@ const IconGridItem: React.FC<IconGridItemProps> = (props) => {
         <p>{name}</p>
       </motion.div>
         <AnimatePresence initial={false}>
-          {isOpen && <InfoPanel {...props} />}
+          {isOpen && <DetailsPanel {...props} />}
         </AnimatePresence>
     </>
   );