В чем смысл оборачивания всего содержимого JavaScript-файла в функцию?

Этот шаблон называется IIFE - Immediately Invoked Function Expression (немедленно вызываемое функциональное выражение). Этот подход позволяет:

• обеспечить коду собственный блок видимости, то-есть контекст выполнения
• избежать загрязнения глобальной области видимости глобальными переменными
• избежать неумышленного переопределения уже существующих переменных в глобальной области видимости

IIFE - Глоссарий | MDN

IIFE (Immediately Invoked Function Expression) это JavaScript функция, которая выполняется сразу же после того, как она была определена.

MDN Web Docs.logo-m{fill:var(--text-link)}