feat: improve narrow-view character component image layout

[marcustyphoon]

This improves the positioning and size of the character component's profession image when the component is rendered with a narrow width, allowing it to stay large and vertically positioned and letting it be partially hidden by the tables.

I picked 450px as a minimum size and 33% vertical positioning entirely arbitrarily; someone with a better design eye should tweak.

Only tested with gear optimizer. Should be tested with main site/new site.

(Ignore missing icons in after screenshots, that's because I tested with pnpm link).

before	after

before	after

[marcustyphoon]

Oh, this also requires:

      <Character
        attributes={{ profession, data: attributes }}
        armor={armorPropsAPI}
        weapon={weaponPropsAPI}
        backAndTrinket={backAndTrinketPropsAPI}
        consumables={{ foodId, utilityId, relicId }}
        skills={skillsPropsAPI}
        assumedBuffs={{ value: assumedBuffs }}
        imageElement={
          <img
-           style={{ width: '100%' }}
            src={`${
              import.meta.env.BASE_URL
            }images/professions/${specialization.toLowerCase()}.png`}
            alt="Profession"
          />
        }
        switchElement={CustomSwitch}
      />

in src/components/sections/results/ResultCharacter.jsx in the gear optimizer; presumably there is an equivalent in the main site/new site code.

[gw2princeps]

excellent idea, thank you! will change the main site on the next release