Коротко: оба слова пришли в русский из французского кулинарного лексикона XIX века, но их пути и оттенки значения разные.

«Винегрет»

• Источник: фр. vinaigrette — досл. «маленький уксус», от vinaigre «уксус» (буквально «кислое вино»: vin «вино» + aigre «кислый»).

• Первичное значение во французском: уксусно-масляная заправка (соль, перец, иногда горчица).

• Как слово попало в русский: в начале XIX века вместе с модой на французскую кухню. Сначала так называли именно заправку, затем — салат «под винегретной заправкой».

• Русское развитие значения: к середине XIX века «винегрет» закрепился за смесью мелко нарезанных овощей (в русской версии — с варёной свёклой как базой) с кислой заправкой. От этой «смеси всего понемногу» появилось и переносное: «винегрет» — «путаница, смешение разнородного».

• Морфология/семантика: французский суффикс -ette — уменьшительный; отсюда образ «уксусок», «уксусная штучка» → «заправка».

«Гарнир»

• Источник: фр. garnir «снабжать, оснащать, украшать» и производное garniture «оборудование, украшение; в кулинарии — гарнир, гарнировка». Русское «гарнир» — по сути усечённое заимствование от garniture (с тем же корнем garnir).

• Первичное кулинарное значение: всё, что сопровождает основное блюдо и его «украшает/дополняет» — овощи, крупы, картофель и т. п.

• Как слово попало в русский: в XIX веке из языка ресторанной кухни (наряду с «соус», «ру» и пр.). Уже в ранних поваренных книгах «гарнир» — именно «сопровождение» мяса, рыбы и т. д.

• Родственные заимствования: от того же французского корня в русском есть гарнитур («набор мебели/украшений») — буквально «комплект того, что “дополняет, оформляет”».

Итого: «винегрет» — по происхождению «уксусная заправка», ставшая названием конкретного салата и метафорой смеси; «гарнир» — «то, что снабжает/украшает» основное блюдо, т. е. его кулинарное сопровождение.