For of просто перебирает элементы и привязывает ко всем кнопкам событие клик, и все он один раз заработал привязал событие к кнопкам и всё, и уже когда на какую то кнопку нажали вызывается анонимная функция в контексте для конкретной кнопки.
forof просто цыкл как и for и смысла он тут не меняет, и вообще можно было бы сделать более красиво с for использую event или this пример.
Зависит от того каким образом ты его сверстал, но можно сделать многими способами к примеру используй max-width, либо flex что очень удобно, если же не хочется менять код используй медиа в css указывая с какого разрешения сделать изменение
Не тут всё просто, у тебя ситуация простая связь один ко многим, одна область имеет много аптек а одна аптека имеет только одну область, в случае с лекарствами и аптекой подойдёт связь many to many так как одна аптека может иметь много лекарств, а одно лекарство в свою очередь может принадлежать к нескольким магазинам. Если раньше не работал с связю многие ко многим, то тут тебе нужно ещё создать связывающую таблицу где в полях у тебя будет что то типа
Id, аптека_id, лекарство_id
