Front - Slick Width Issue Inside Bootstrap Tab Fix

functions.php

if( ! function_exists( 'front_child_slick_inside_tab_width_issue_fix_script' ) ) {
    function front_child_slick_inside_tab_width_issue_fix_script() {
        ob_start(); ?>
        (function ($) {
            "use strict";
            $(document).ready(function () {
                $('a[role="tab"]').on('shown.bs.tab', function (e) {
                    $('.js-slick-carousel').slick('setPosition');
                })
            });
        })(jQuery);
        <?php
        $custom_script = ob_get_clean();
        wp_add_inline_script( 'front-scripts', $custom_script );
    }
}
add_action( 'wp_enqueue_scripts', 'front_child_slick_inside_tab_width_issue_fix_script', 30 );