fix(org): un-bullet image lists and restore responsive-img class

fix(org): un-bullet image lists and restore responsive-img class

Several project pages wrapped their gallery images in org-mode bullet

lists (`+ Body: / + [[file:body.png]]` style). In the published HTML

this rendered as a bullet point around a single image — visually

junk — and the bullets also stripped the `#+attr_html: :class

responsive-img` directive, so the images rendered at full container

width instead of the project's intended responsive size.

Convert each affected block to a proper sub-heading with the image as

a bare paragraph:

  before:

    + Body:

      + [[file:body.png]]

  after:

    ** Body

    #+attr_html: :class responsive-img

    [[file:body.png]]

Flat bullet lists of images inside `** Section` headings (Lab heater)

are also un-bulleted; the `responsive-img` class is added to each.

Files touched: 6 (Cases/Macro filter storage compartment, Cases/

Microscope slide box, Cases/Fujifilm camera battery box, Optics/35mm

film copying device, Miscellaneous/Battery tester, Miscellaneous/

Lab heater and cooler).