Function metadata

frontend/src/app/components/PackList/PackItem.tsx:20–31

()

    const { id, title } = pack;

    const metadata = () => {
        const { duration, duration_unit, season, itemCount } = pack;
        const durationDisplay = !!duration && <div>{duration} {duration_unit}</div>;
        const seasonDisplay = !!season && <div>{season}</div>;
        return (
            <Metadata>
                <div>{itemCount} Items</div>
                {durationDisplay}
                {seasonDisplay}
            </Metadata>
        )
    };

    const handleDelete = () => {
        if (deletePack) {