Fresh Install Sage 9 not loading Bootstrap / assets

[gcbancod]

As per Sage 9 documentation:
I run:

1. composer create-project roots/sage your-theme-name
2. yarn (on theme folder)

was able to compile assets (yarn build and yarn build:production)

but on frontend, everything is plain and only loads reboot.scss

it compiles assets I made from styles/layouts and I see them on dist/styles/main.css

config.json
resources/assets/styles/layouts/_footer.scss
dist/style/main.css
frontend source code

[JordanC26]

Please also show your main.scss contents.

[gcbancod]

main.scss:

@import "common/variables";

/** Import everything from autoload */
@import "./autoload/**/*";

/**
 * Import npm dependencies
 *
 * Prefix your imports with `~` to grab from node_modules/
 * @see https://github.com/webpack-contrib/sass-loader#imports
 */
// @import "~some-node-module";
@import "~slick-carousel/slick/slick";
@import "~simplebar/dist/simplebar.min.css";

/** Import theme styles */
@import "common/global";
@import "components/buttons";
@import "components/comments";
@import "components/forms";
@import "components/wp-classes";
@import "layouts/header";
@import "layouts/sidebar";
@import "layouts/footer";
@import "layouts/pages";
@import "layouts/posts";
@import "layouts/tinymce";

autoload/bootstrap.scss:

import "~bootstrap/scss/bootstrap";